/* Shared flagship language for Industrial & Institutional Care only. */
:root { --iic-ink:#1e3927; --iic-olive:#7e9d35; --iic-soft:#eaf2d0; --iic-cream:#fbfcf7; --iic-line:rgba(74,111,49,.2); --iic-mist:#f1f6e5; }
.iic-flagship { overflow:hidden; color:var(--iic-ink); background:var(--iic-cream); }
.iic-flagship * { box-sizing:border-box; }
.iic-flagship .container { width:min(100% - clamp(36px,7vw,112px),1440px); }
.iic-flagship h1,.iic-flagship h2,.iic-flagship h3,.iic-flagship p { margin-top:0; }
.iic-kicker { margin-bottom:18px!important; color:var(--iic-olive)!important; font-size:12px!important; font-weight:900!important; letter-spacing:.15em!important; text-transform:uppercase; }
.iic-crumb { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 32px; color:rgba(34,63,42,.72); font-size:13px; font-weight:750; }
.iic-crumb a { color:inherit!important; text-decoration:none; }.iic-crumb strong { color:var(--iic-ink); }
.iic-hero { position:relative; display:grid; min-height:min(820px,calc(100svh - 78px)); align-items:center; isolation:isolate; overflow:hidden; background:#f8faf1 var(--iic-hero-image) center/cover no-repeat; }
.iic-hero::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(90deg,#fafcf4 0%,rgba(250,252,244,.985) 24%,rgba(250,252,244,.88) 43%,rgba(250,252,244,.52) 57%,rgba(250,252,244,.1) 75%,rgba(250,252,244,.02) 100%); }
.iic-hero::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background-image:linear-gradient(rgba(96,135,56,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(96,135,56,.035) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 54%,transparent 78%); }
.iic-product-hero::before { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background-image:linear-gradient(rgba(96,135,56,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(96,135,56,.05) 1px,transparent 1px); background-size:54px 54px; }
.iic-flagship .iic-hero__content { position:relative; z-index:1; width:min(49vw,780px)!important; max-width:min(49vw,780px)!important; margin-left:clamp(34px,5.5vw,112px)!important; margin-right:0!important; padding-block:110px; text-align:left; }
.iic-hero__content .iic-crumb,.iic-hero__content .iic-kicker,.iic-hero__content h1,.iic-hero__content .iic-lead,.iic-hero__content .iic-actions { margin-left:0!important; margin-right:auto!important; text-align:left!important; }
.iic-hero__content .iic-actions { justify-content:flex-start!important; }
.iic-hero h1 { max-width:100%!important; margin-bottom:28px; color:var(--iic-ink)!important; font-size:clamp(58px,7.2vw,112px)!important; line-height:.86!important; letter-spacing:-.066em!important; text-wrap:balance; }
.iic-product-hero h1 { max-width:960px; margin-bottom:28px; color:var(--iic-ink)!important; font-size:clamp(58px,8.2vw,126px)!important; line-height:.86!important; letter-spacing:-.066em!important; text-wrap:balance; }
.iic-hero h1 em,.iic-product-hero h1 em { color:var(--iic-olive); font-style:normal; }
.iic-lead { max-width:680px; margin-bottom:35px; color:#405947!important; font-size:clamp(18px,1.6vw,24px)!important; line-height:1.55!important; }
.iic-actions { display:flex; flex-wrap:wrap; gap:12px; }.iic-button { display:inline-flex; min-height:54px; align-items:center; justify-content:center; gap:16px; padding:13px 22px; color:#fff!important; border:1px solid var(--iic-olive); border-radius:999px; background:var(--iic-olive); font-size:14px; font-weight:900; text-decoration:none; transition:transform .25s ease,background .25s ease,border-color .25s ease; }.iic-button:hover { transform:translateY(-3px); border-color:#67832a; background:#67832a; }.iic-button--outline { color:var(--iic-ink)!important; border-color:rgba(74,111,49,.38); background:rgba(255,255,255,.58); }.iic-button--outline:hover { border-color:var(--iic-olive); background:#fff; }
.iic-intro { padding:clamp(90px,13vw,185px) 0 clamp(78px,10vw,138px); background:#fff; }.iic-intro h2,.iic-section-head h2,.iic-environments h2,.iic-selection h2,.iic-product-review h2,.iic-application-planes h2,.iic-product-docs h2,.iic-close h2 { margin-bottom:28px; color:var(--iic-ink)!important; font-size:clamp(45px,6.4vw,96px)!important; line-height:.91!important; letter-spacing:-.055em!important; text-wrap:balance; }.iic-intro p:last-child { max-width:620px; margin:0; color:#526b58!important; font-size:19px; line-height:1.65; }
.iic-category-map { padding:clamp(72px,10vw,142px) 0; background:var(--iic-mist); }.iic-section-head { margin-bottom:48px; }.iic-category-map__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.iic-category-card { position:relative; display:grid; min-height:400px; overflow:hidden; align-content:end; padding:25px; color:#fff!important; border-radius:18px; background:#486a38; box-shadow:0 18px 45px rgba(38,68,41,.08); text-decoration:none; isolation:isolate; transition:transform .35s ease,box-shadow .35s ease; }.iic-category-card:hover { transform:translateY(-8px); box-shadow:0 30px 60px rgba(38,68,41,.18); }.iic-category-card::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(17,49,28,.02) 0%,rgba(25,64,33,.8) 88%); }.iic-category-card img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }.iic-category-card>span { position:absolute; top:20px; left:22px; color:#e4f2b6; font-size:12px; font-weight:900; letter-spacing:.14em; }.iic-category-card strong { display:block; margin-bottom:9px; color:#fff; font-size:clamp(28px,3vw,43px); line-height:.94; letter-spacing:-.04em; }.iic-category-card small { display:block; max-width:370px; color:rgba(255,255,255,.82); font-size:13px; line-height:1.48; }.iic-category-card>b { position:absolute; right:25px; bottom:25px; color:#e4f2b6; font-size:25px; }
.iic-environments { padding:clamp(88px,12vw,165px) 0; color:#fff; background:linear-gradient(135deg,#5f7d36,#88a549 45%,#a2bb61); }.iic-environments h2,.iic-environments p { color:#fff!important; }.iic-environments .iic-kicker { color:#eff7d0!important; }.iic-environments__grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr); gap:clamp(60px,10vw,170px); align-items:center; }.iic-environments p:not(.iic-kicker) { max-width:470px; color:rgba(255,255,255,.85)!important; font-size:17px; line-height:1.62; }.iic-text-link { display:inline-flex; margin-top:18px; color:#fff!important; font-weight:900; text-decoration:none; }.iic-environments__list { border-top:1px solid rgba(255,255,255,.35); }.iic-environments__list a { display:grid; grid-template-columns:38px 1fr 35px; gap:12px; align-items:center; min-height:70px; color:#fff!important; border-bottom:1px solid rgba(255,255,255,.35); font-size:19px; font-weight:750; text-decoration:none; }.iic-environments__list span,.iic-environments__list b { color:#eff7d0; font-size:12px; }.iic-environments__list b { font-size:19px; }
.iic-close { padding:clamp(82px,12vw,150px) 0; background:linear-gradient(130deg,#dcecb2,#bad27a); }.iic-close .iic-kicker { color:#45642d!important; }.iic-close h2 { max-width:790px; }
/* Category pages use the Room Care visual-gallery language, with distinct imagery. */
.iic-intro--category { padding-bottom:clamp(70px,9vw,126px); }.iic-product-gallery { padding:clamp(72px,10vw,140px) 0; background:#f4f8e8; }.iic-gallery-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:34px; }.iic-gallery-head p { margin:0!important; }.iic-gallery-head span { color:#718642; font-size:12px; font-weight:900; letter-spacing:.13em; }.iic-product-gallery__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.iic-product-card { position:relative; display:grid; min-height:440px; overflow:hidden; color:var(--iic-ink)!important; border:1px solid rgba(112,148,54,.16); border-radius:20px; background:#fff; box-shadow:0 18px 45px rgba(38,68,41,.08); text-decoration:none; transition:transform .35s ease,box-shadow .35s ease; }.iic-product-card:hover { transform:translateY(-8px); box-shadow:0 28px 62px rgba(38,68,41,.16); }.iic-product-card>i { position:absolute; z-index:1; top:18px; left:18px; color:var(--iic-olive); font-size:12px; font-style:normal; font-weight:900; letter-spacing:.1em; }.iic-product-card figure { display:grid; min-height:255px; margin:0; place-items:center; background:radial-gradient(circle at 70% 24%,#f9fbf3,transparent 32%),linear-gradient(145deg,#e6f0ca,#fff); }.iic-product-card img { width:74%; height:215px; object-fit:contain; transition:transform .45s ease; }.iic-product-card:hover img { transform:scale(1.08) translateY(-5px); }.iic-product-card>div { padding:22px; }.iic-product-card p { margin-bottom:8px; color:var(--iic-olive)!important; font-size:11px!important; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.iic-product-card h3 { margin-bottom:14px; color:var(--iic-ink)!important; font-size:clamp(23px,2vw,31px)!important; line-height:1; letter-spacing:-.04em; }.iic-product-card>div span { color:#5f6b5d; font-size:13px; font-weight:850; }.iic-selection { padding:clamp(90px,12vw,160px) 0; background:#fff; }.iic-selection__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(45px,10vw,175px); }.iic-selection article { display:grid; grid-template-columns:54px 1fr; column-gap:18px; padding:23px 0; border-top:1px solid var(--iic-line); }.iic-selection article:last-child { border-bottom:1px solid var(--iic-line); }.iic-selection article span { grid-row:span 2; color:var(--iic-olive); font-size:12px; font-weight:900; }.iic-selection article strong { margin-bottom:7px; color:var(--iic-ink); font-size:23px; letter-spacing:-.03em; }.iic-selection article p { margin:0; color:#657063!important; line-height:1.5; }
/* Product pages use a light editorial product stage, never a dark split hero. */
.iic-product-hero { position:relative; overflow:hidden; background:linear-gradient(90deg,rgba(251,252,247,.96) 0%,rgba(244,249,230,.91) 44%,rgba(224,237,184,.53) 100%),var(--iic-hero-image) center/cover no-repeat; isolation:isolate; }.iic-product-hero::after { content:""; position:absolute; right:-4%; bottom:-15%; z-index:-1; width:48%; aspect-ratio:1; border:1px solid rgba(104,143,55,.28); border-radius:50%; box-shadow:0 0 0 32px rgba(104,143,55,.06),0 0 0 72px rgba(104,143,55,.035); }.iic-product-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:40px; align-items:center; min-height:min(800px,calc(100svh - 78px)); }.iic-product-hero__copy { padding-block:100px; text-align:left; }.iic-product-hero__copy .iic-crumb,.iic-product-hero__copy .iic-kicker,.iic-product-hero__copy h1,.iic-product-hero__copy .iic-lead,.iic-product-hero__copy .iic-actions { margin-left:0!important; margin-right:auto!important; text-align:left!important; }.iic-product-hero__copy .iic-actions { justify-content:flex-start!important; }.iic-packshot { position:relative; display:grid; min-height:520px; margin:0; place-items:center; }.iic-packshot img { width:min(90%,530px); max-height:500px; object-fit:contain; filter:drop-shadow(0 34px 25px rgba(34,65,39,.18)); }
.iic-product-review { padding:clamp(90px,12vw,160px) 0; background:#6d8c38; color:#fff; }.iic-product-review h2 { color:#fff!important; }.iic-product-review .iic-kicker { color:#f0f7d1!important; }.iic-product-review__grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); gap:clamp(50px,10vw,150px); }.iic-switcher { padding:10px; border:1px solid rgba(240,247,209,.4); border-radius:18px; background:rgba(255,255,255,.09); }.iic-switcher [role=tablist] { display:flex; gap:6px; overflow:auto; padding-bottom:8px; }.iic-switcher button { min-width:max-content; padding:11px 14px; color:rgba(255,255,255,.84); border:0; border-radius:999px; background:transparent; font:800 12px inherit; letter-spacing:.04em; cursor:pointer; }.iic-switcher button:focus-visible { outline:3px solid #fff; outline-offset:2px; }.iic-switcher button[aria-selected=true] { color:#274328; background:#eef6ca; }.iic-switcher article { min-height:250px; padding:36px; border-radius:12px; background:#fff; }.iic-switcher article span { display:block; margin-bottom:34px; color:var(--iic-olive); font-size:12px; font-weight:900; }.iic-switcher article h3 { max-width:540px; margin-bottom:18px; color:var(--iic-ink)!important; font-size:clamp(28px,3vw,42px)!important; line-height:1; letter-spacing:-.04em; }.iic-switcher article p { max-width:520px; color:#58675a!important; font-size:16px; line-height:1.6; }
.iic-application-planes { padding:clamp(84px,11vw,150px) 0; background:#f7faed; }.iic-application-planes__grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; border-top:1px solid var(--iic-line); }.iic-application-planes article { min-height:280px; padding:28px; border-right:1px solid var(--iic-line); }.iic-application-planes article:first-child { border-left:1px solid var(--iic-line); }.iic-application-planes article span { color:var(--iic-olive); font-size:12px; font-weight:900; }.iic-application-planes h3 { margin:68px 0 12px; color:var(--iic-ink)!important; font-size:36px!important; letter-spacing:-.05em; }.iic-application-planes p { color:#657063!important; line-height:1.55; }.iic-product-docs { padding:clamp(84px,11vw,150px) 0; background:#fff; }.iic-product-docs__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(50px,10vw,150px); align-items:center; }.iic-product-docs h2 { margin-bottom:22px; }.iic-product-docs p:not(.iic-kicker) { max-width:460px; color:#5a695c!important; font-size:17px; line-height:1.6; }.iic-product-docs__grid>div:last-child { border-top:1px solid var(--iic-line); }.iic-product-docs a { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; min-height:92px; color:var(--iic-ink)!important; border-bottom:1px solid var(--iic-line); text-decoration:none; transition:padding .28s ease,background .28s ease; }.iic-product-docs a:hover { padding-inline:14px; background:#f0f6df; }.iic-product-docs a>span { color:var(--iic-olive); font-size:12px; font-weight:900; }.iic-product-docs a strong { display:block; font-size:19px; }.iic-product-docs a small { grid-column:2; color:#687467; }.iic-product-docs a b { grid-column:3; grid-row:1 / span 2; color:var(--iic-olive); font-size:22px; }
@media (max-width:960px) { .iic-hero { min-height:auto; }.iic-hero::before { background:linear-gradient(90deg,rgba(250,252,244,.98) 0%,rgba(250,252,244,.93) 44%,rgba(250,252,244,.56) 73%,rgba(250,252,244,.18) 100%); }.iic-flagship .iic-hero__content { width:min(62vw,630px)!important; max-width:min(62vw,630px)!important; margin-left:clamp(30px,4vw,56px)!important; padding-block:78px; }.iic-category-map__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.iic-environments__grid,.iic-selection__grid,.iic-product-review__grid,.iic-product-docs__grid,.iic-product-hero__grid { grid-template-columns:1fr; }.iic-packshot { min-height:400px; }.iic-product-hero__copy { padding-block:75px 25px; }.iic-product-gallery__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.iic-application-planes__grid { grid-template-columns:1fr; }.iic-application-planes article { min-height:0; border-left:1px solid var(--iic-line); }.iic-application-planes h3 { margin-top:32px; } }
@media (max-width:600px) { .iic-flagship .container { width:min(100% - 32px,1440px); }.iic-hero { min-height:630px; align-items:start; background-position:62% center; }.iic-hero::before { background:linear-gradient(180deg,rgba(250,252,244,.98) 0%,rgba(250,252,244,.93) 52%,rgba(250,252,244,.58) 78%,rgba(250,252,244,.28) 100%); }.iic-hero::after { mask-image:linear-gradient(#000 0%,rgba(0,0,0,.32) 72%,transparent 100%); }.iic-flagship .iic-hero__content { width:calc(100% - 32px); margin-left:16px!important; padding-block:56px 64px; }.iic-hero h1,.iic-product-hero h1 { font-size:clamp(48px,15vw,72px)!important; }.iic-crumb { margin-bottom:25px; font-size:11px; }.iic-lead { font-size:17px!important; }.iic-button { width:100%; }.iic-intro,.iic-category-map,.iic-product-gallery,.iic-selection,.iic-environments,.iic-product-review,.iic-application-planes,.iic-product-docs { padding-block:74px; }.iic-intro h2,.iic-section-head h2,.iic-environments h2,.iic-selection h2,.iic-product-review h2,.iic-application-planes h2,.iic-product-docs h2,.iic-close h2 { font-size:clamp(40px,13vw,58px)!important; }.iic-category-map__grid,.iic-product-gallery__grid { grid-template-columns:1fr; }.iic-category-card { min-height:330px; }.iic-category-card small { max-width:290px; }.iic-gallery-head { align-items:start; flex-direction:column; gap:8px; }.iic-product-card { min-height:400px; }.iic-product-card figure { min-height:225px; }.iic-product-hero__copy { padding-block:54px 10px; }.iic-packshot { min-height:330px; }.iic-packshot img { max-height:310px; }.iic-product-review__grid { gap:40px; }.iic-switcher article { min-height:270px; padding:25px; }.iic-product-docs a { grid-template-columns:32px 1fr 22px; }.iic-product-docs a small { font-size:11px; }.iic-close { padding-block:76px; } }
@media (prefers-reduced-motion:reduce) { .iic-category-card,.iic-product-card,.iic-product-card img,.iic-button { transition:none; } }

/* Product next-step rail: category-backed cards stay browseable on every device. */
.iic-related-products { padding:clamp(84px,11vw,150px) 0; background:#fff; }
.iic-related-products header { max-width:760px; margin-bottom:42px; }
.iic-related-products header h2 { margin-bottom:20px; }
.iic-related-products header>p:not(.iic-kicker) { max-width:600px; color:#5a695c; font-size:17px; line-height:1.6; }
.iic-related-products__track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.iic-related-products__track>a { display:flex; min-width:0; min-height:410px; flex-direction:column; overflow:hidden; border:1px solid var(--iic-line); border-radius:8px; background:#fff; color:var(--iic-ink); box-shadow:0 12px 28px rgba(38,68,41,.06); text-decoration:none; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.iic-related-products__track>a:hover,.iic-related-products__track>a:focus-visible { border-color:var(--iic-olive); box-shadow:0 20px 40px rgba(38,68,41,.13); transform:translateY(-5px); }
.iic-related-products__track>a:focus-visible { outline:3px solid rgba(113,140,48,.45); outline-offset:3px; }
.iic-related-products__track figure { aspect-ratio:16/10; margin:0; overflow:hidden; background:#eff4df; }
.iic-related-products__track img { width:100%; height:100%; object-fit:contain; padding:18px; transition:transform .3s ease; }
.iic-related-products__track>a:hover img { transform:scale(1.04); }
.iic-related-products__track> a>div { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:19px 20px 21px; }
.iic-related-products__track span { color:var(--iic-olive); font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.iic-related-products__track h3 { margin:9px 0 0; color:var(--iic-ink)!important; font-size:1.3rem!important; line-height:1.12; }
.iic-related-products__track p { margin:9px 0 0; color:#637062!important; font-size:.9rem; line-height:1.5; }
.iic-related-products__track b { margin-top:auto; padding-top:16px; color:var(--iic-olive); font-size:.85rem; }
@media (max-width:960px) { .iic-related-products__track { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:768px) {
    .iic-related-products { padding-block:74px; }
    .iic-related-products h2 { font-size:clamp(40px,13vw,58px)!important; }
    .iic-related-products__shell { overflow-x:auto; margin-right:-16px; padding:2px 16px 14px 2px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
    .iic-related-products__track { display:flex; width:max-content; gap:14px; }
    .iic-related-products__track>a { flex:0 0 min(82vw,310px); width:min(82vw,310px); min-height:390px; scroll-snap-align:start; scroll-snap-stop:always; }
}

/* I&I category pages share the approved Room Care task-first flow. */
.iic-room-care { background:#fbfcf7; }
.iic-room-care .iic-hero__content { padding-block:clamp(96px,11vw,144px); }
.iic-room-section-head h2 { max-width:830px; margin:0 0 22px; color:var(--iic-ink)!important; font-size:clamp(42px,5.6vw,78px)!important; line-height:.94!important; letter-spacing:-.05em!important; }
.iic-room-section-head>p:not(.iic-kicker) { max-width:690px; margin:0; color:#526b58!important; font-size:clamp(16px,1.35vw,19px); line-height:1.62; }
.iic-room-tasks,.iic-room-portfolio,.iic-room-facility { padding:clamp(84px,11vw,154px) 0; }
.iic-room-tasks { background:#fff; }
.iic-room-portfolio { background:#f4f8e8; }
.iic-room-facility { background:#fff; }
.iic-room-section-head { margin-bottom:42px; }
.iic-room-product-count { display:inline-flex; margin-top:20px; color:var(--iic-olive); font-size:12px; font-weight:900; letter-spacing:.12em; }
.iic-room-task-switcher { overflow:hidden; border:1px solid var(--iic-line); border-radius:8px; background:#fff; box-shadow:0 18px 45px rgba(38,68,41,.06); }
.iic-room-task-tabs { display:flex; gap:8px; overflow-x:auto; padding:12px; border-bottom:1px solid var(--iic-line); scrollbar-width:thin; }
.iic-room-task-tabs button { min-height:44px; padding:10px 14px; color:var(--iic-ink); border:1px solid transparent; border-radius:4px; background:transparent; font:800 12px inherit; letter-spacing:.035em; white-space:nowrap; cursor:pointer; }
.iic-room-task-tabs button:hover,.iic-room-task-tabs button[aria-selected=true] { color:var(--iic-ink); border-color:var(--iic-line); background:var(--everklin-bg-light-green-1, #E9F0CC); }
.iic-room-task-tabs button:focus-visible,.iic-room-task-products a:focus-visible,.iic-room-product-card a:focus-visible,.iic-room-inline-link:focus-visible,.iic-room-facility-grid a:focus-visible { outline:3px solid var(--iic-olive); outline-offset:3px; }
.iic-room-task-panel { display:grid; min-height:442px; grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr); gap:clamp(28px,5vw,80px); padding:clamp(28px,5vw,58px); }
.iic-room-task-panel[hidden] { display:none!important; }
.iic-room-task-panel .iic-kicker { margin-bottom:14px!important; }
.iic-room-task-panel h3 { max-width:620px; margin:0 0 24px; color:var(--iic-ink)!important; font-size:clamp(25px,2.4vw,39px)!important; line-height:1.06; letter-spacing:-.035em; }
.iic-room-task-panel ul { display:grid; gap:10px; max-width:630px; margin:0; padding:0; list-style:none; }
.iic-room-task-panel li { position:relative; padding-left:18px; color:#596a5c; font-size:15px; line-height:1.5; }
.iic-room-task-panel li::before { position:absolute; top:.57em; left:0; width:6px; height:6px; border-radius:50%; background:var(--iic-olive); content:""; }
.iic-room-inline-link { display:inline-flex; gap:10px; margin-top:21px; color:var(--iic-ink)!important; font-size:14px; font-weight:900; text-decoration:none; }
.iic-room-inline-link span { color:var(--iic-olive); }
.iic-room-task-products { display:grid; align-content:start; gap:10px; }
.iic-room-task-products a { display:grid; grid-template-columns:minmax(64px,90px) minmax(0,1fr); column-gap:12px; padding:16px; color:var(--iic-ink)!important; border:1px solid var(--iic-line); border-radius:6px; background:var(--everklin-bg-cream, #FAF9F5); text-decoration:none; transition:transform .2s ease,border-color .2s ease; }
.iic-room-task-products a:hover { border-color:var(--iic-olive); transform:translateX(4px); }
.iic-room-task-products strong { grid-row:span 2; color:var(--iic-olive); font-size:12px; line-height:1.25; letter-spacing:.08em; overflow-wrap:anywhere; }
.iic-room-task-products span { min-width:0; font-size:16px; font-weight:850; }
.iic-room-task-products small { min-width:0; margin-top:4px; color:#647364; font-size:12px; line-height:1.4; }
.iic-room-portfolio-group { margin-top:clamp(48px,7vw,86px); }
.iic-room-portfolio-group h3 { margin:0 0 18px; color:var(--iic-ink)!important; font-size:clamp(22px,2.3vw,32px)!important; letter-spacing:-.03em; }
.iic-room-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.iic-room-product-card { display:grid; min-height:420px; overflow:hidden; border:1px solid var(--iic-line); border-radius:8px; background:var(--everklin-bg-white, #FFFFFF); box-shadow:0 14px 32px rgba(38,68,41,.07); }
.iic-room-product-card figure { display:grid; min-height:225px; margin:0; place-items:center; background:var(--everklin-bg-light-green-2, #EBF1D2); }
.iic-room-product-card img { width:72%; height:195px; object-fit:contain; transition:transform .28s ease; }
.iic-room-product-card:hover img { transform:scale(1.045); }
.iic-room-product-card>div { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:21px; }
.iic-room-product-card p { margin:0 0 8px; color:var(--iic-olive)!important; font-size:11px!important; font-weight:900; letter-spacing:.12em; }
.iic-room-product-card h4 { margin:0 0 10px; color:var(--iic-ink)!important; font-size:clamp(21px,1.8vw,28px)!important; line-height:1.04; letter-spacing:-.03em; }
.iic-room-product-card>div>span { display:-webkit-box; overflow:hidden; color:#5d6c5d; font-size:14px; font-weight:750; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.iic-room-product-card small { display:inline-flex; margin-top:12px; padding:5px 8px; color:var(--iic-ink); border:1px solid var(--iic-line); border-radius:3px; background:var(--everklin-bg-light-green-1, #E9F0CC); font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.iic-room-product-card a { display:inline-flex; gap:10px; margin-top:auto; padding-top:18px; color:var(--iic-ink)!important; font-size:14px; font-weight:900; text-decoration:none; }
.iic-room-product-card a b { color:var(--iic-olive); }
.iic-room-facility-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--iic-line); border-left:1px solid var(--iic-line); }
.iic-room-facility-grid a { position:relative; display:flex; min-height:210px; flex-direction:column; padding:24px; color:var(--iic-ink)!important; border-right:1px solid var(--iic-line); border-bottom:1px solid var(--iic-line); background:#fff; text-decoration:none; transition:background .22s ease,transform .22s ease; }
.iic-room-facility-grid a:hover { z-index:1; background:#f1f6e5; transform:translateY(-3px); }
.iic-room-facility-grid h3 { margin:0 0 40px; color:var(--iic-ink)!important; font-size:20px!important; line-height:1.08; letter-spacing:-.025em; }
.iic-room-facility-grid p { margin:0; color:#5d6e60!important; font-size:13px; line-height:1.5; }
.iic-room-facility-grid a>span { margin-top:auto; padding-top:18px; color:var(--iic-olive); font-size:20px; }
.everklin-transformed .iic-room-care .iic-room-close { color:#f7f9ef; background:#29452f!important; background-image:none!important; }
.everklin-transformed .iic-room-care .iic-room-close .iic-kicker { color:#dce9ae!important; }
.everklin-transformed .iic-room-care .iic-room-close h2 { color:#fff!important; }
.everklin-transformed .iic-room-care .iic-room-close p:not(.iic-kicker) { max-width:620px; margin:0 0 28px; color:rgba(255,255,255,.78)!important; font-size:18px; line-height:1.6; }
.everklin-transformed .iic-room-care .iic-room-close .iic-button { color:var(--iic-ink)!important; border-color:#f5f7ed; background:#f5f7ed; }
.everklin-transformed .iic-room-care .iic-room-close .iic-button:hover { color:var(--iic-ink)!important; border-color:#e7edcf; background:#e7edcf; }
.everklin-transformed .iic-room-care .iic-room-close .iic-button--outline { color:#fff!important; border-color:rgba(255,255,255,.64); background:transparent; }
.everklin-transformed .iic-room-care .iic-room-close .iic-button--outline:hover { color:var(--iic-ink)!important; border-color:#fff; background:#fff; }
@media (max-width:1080px) { .iic-room-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.iic-room-facility-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) { .iic-room-tasks,.iic-room-portfolio,.iic-room-facility { padding-block:72px; }.iic-room-task-panel { min-height:0; grid-template-columns:1fr; padding:24px 18px; }.iic-room-task-tabs { gap:6px; padding:9px; }.iic-room-task-tabs button { min-height:42px; padding-inline:12px; }.iic-room-product-grid,.iic-room-facility-grid { grid-template-columns:1fr; }.iic-room-product-card { min-height:0; }.iic-room-product-card figure { min-height:205px; }.iic-room-product-card img { height:178px; }.iic-room-facility-grid a { min-height:0; }.iic-room-facility-grid h3 { margin-bottom:12px; } }
@media (prefers-reduced-motion:reduce) { .iic-room-task-products a,.iic-room-product-card img { transition:none; } }

/* Shared product detail refinements: keep the hero focused on the actual packshot,
   and give the review and document controls room for product-specific content. */
.iic-product .iic-product-hero {
    background: linear-gradient(135deg, #fcfdf8 0%, #f3f8e4 58%, #dce9bc 100%);
}

.iic-product .iic-product-hero__grid {
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
    gap: clamp(42px, 6vw, 104px);
}

.iic-product .iic-packshot {
    min-height: min(74svh, 680px);
    width: 100%;
}

.iic-product .iic-packshot img {
    display: block;
    width: min(100%, 620px);
    max-height: min(70svh, 640px);
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.iic-product .iic-product-review__grid {
    grid-template-columns: minmax(280px, .68fr) minmax(640px, 1.32fr);
    gap: clamp(40px, 7vw, 120px);
}

.iic-product .iic-switcher {
    padding: 14px;
}

.iic-product .iic-switcher article {
    min-height: 330px;
    padding: clamp(30px, 4vw, 52px);
}

.iic-product .iic-switcher article p + p {
    margin-top: 14px;
}

.iic-review-list {
    display: grid;
    gap: 14px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.iic-review-list li {
    display: grid;
    gap: 3px;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--iic-line);
}

.iic-review-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.iic-review-list strong,
.iic-review-specs dt {
    color: var(--iic-ink);
    font-size: 15px;
}

.iic-review-list span,
.iic-review-specs dd {
    margin: 0;
    color: #58675a;
    font-size: 14px;
    line-height: 1.5;
}

.iic-review-list--ordered {
    padding-left: 22px;
    list-style: decimal;
}

.iic-review-list--ordered li {
    padding-left: 5px;
}

.iic-review-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0 0;
}

.iic-review-specs div {
    padding: 14px;
    border: 1px solid var(--iic-line);
    border-radius: 8px;
}

.iic-product .iic-switcher [data-ft-panel="documents"] .download-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.iic-product .iic-switcher [data-ft-panel="documents"] .resource-card {
    min-height: 0;
    padding: 16px;
    border-radius: 10px;
    box-shadow: none;
}

.iic-product .iic-switcher [data-ft-panel="documents"] .resource-card h3 {
    font-size: 16px !important;
    letter-spacing: 0 !important;
}

@media (max-width: 1100px) {
    .iic-product .iic-product-hero__grid,
    .iic-product .iic-product-review__grid {
        grid-template-columns: 1fr;
    }

    .iic-product .iic-product-hero__copy {
        padding-bottom: 20px;
    }
}

@media (max-width: 720px) {
    .iic-product .iic-packshot {
        min-height: min(64svh, 520px);
    }

    .iic-product .iic-packshot img {
        width: min(92vw, 460px);
        max-height: min(58svh, 480px);
    }

    .iic-product .iic-switcher article {
        min-height: 0;
        padding: 24px;
    }

    .iic-review-specs,
    .iic-product .iic-switcher [data-ft-panel="documents"] .download-card-grid {
        grid-template-columns: 1fr;
    }
}

/* I&I solution landing: aliases use the approved homepage palette exactly. */
.iic-solution {
    --iic-ink: #273329;
    --iic-olive: #8aa63a;
    --iic-soft: #e7f0c8;
    --iic-cream: #faf9f4;
    --iic-line: #d8e0cb;
    --iic-mist: #faf9f4;
    background: var(--iic-cream);
}

.iic-solution .iic-hero {
    background-color: var(--iic-cream);
}

.iic-solution .iic-hero::before {
    background: linear-gradient(90deg, rgba(250,249,244,.98) 0%, rgba(250,249,244,.92) 44%, rgba(250,249,244,.52) 65%, rgba(250,249,244,.08) 100%);
}

.iic-solution .iic-hero::after {
    background-image: linear-gradient(rgba(39,51,41,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(39,51,41,.04) 1px, transparent 1px);
}

.iic-solution .iic-crumb { color: rgba(39,51,41,.72); }
.iic-solution .iic-kicker,
.iic-solution .iic-hero h1 { letter-spacing: 0!important; }
.iic-solution .iic-lead { color: var(--ch-muted, #5e6a60)!important; }
.iic-solution .iic-button { border-radius: 3px; }
.iic-solution .iic-button:hover { border-color: #718b31; background: #718b31; }
.iic-solution .iic-button--outline { border-color: rgba(39,51,41,.2); background: rgba(255,255,255,.8); }
.iic-solution .iic-button--outline:hover { border-color: var(--iic-olive); background: #fff; }

.iic-programme-intro,
.iic-area-selector,
.iic-method,
.iic-solution .iic-category-map,
.iic-solution .iic-environments,
.iic-solution .iic-close { padding: clamp(78px, 10vw, 142px) 0; }

.iic-programme-intro { background: #fff; }
.iic-programme-intro h2,
.iic-area-selector h2,
.iic-method h2,
.iic-solution .iic-category-map h2,
.iic-solution .iic-environments h2,
.iic-solution .iic-close h2 {
    max-width: 900px;
    margin: 0 0 22px;
    color: var(--iic-ink)!important;
    font-size: clamp(42px, 5.5vw, 80px)!important;
    line-height: .94!important;
    letter-spacing: 0!important;
}

.iic-programme-intro > .container > p:not(.iic-kicker),
.iic-area-selector .iic-section-head > p:not(.iic-kicker),
.iic-method p:not(.iic-kicker),
.iic-solution .iic-category-map .iic-section-head > p:not(.iic-kicker),
.iic-solution .iic-environments .iic-section-head > p:not(.iic-kicker),
.iic-solution .iic-close > .container > p:not(.iic-kicker) {
    max-width: 620px;
    margin: 0;
    color: var(--ch-muted, #5e6a60)!important;
    font-size: 17px;
    line-height: 1.65;
}

.iic-programme-path {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    margin: clamp(42px, 6vw, 72px) 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--iic-line);
    border-left: 1px solid var(--iic-line);
}

.iic-programme-path li {
    position: relative;
    min-height: 122px;
    padding: 21px 17px;
    color: var(--iic-ink);
    border-right: 1px solid var(--iic-line);
    border-bottom: 1px solid var(--iic-line);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
}

.iic-programme-path li::before {
    content: counter(list-item, decimal-leading-zero);
    display: block;
    margin-bottom: 28px;
    color: var(--iic-olive);
    font-size: 11px;
    letter-spacing: 0;
}

.iic-area-selector { background: var(--iic-cream); }
.iic-area-selector .iic-section-head { max-width: 850px; }

.iic-area-selector__switcher {
    margin-top: 48px;
    border: 1px solid var(--iic-line);
    background: #fff;
}

.iic-area-selector__tabs {
    display: flex;
    gap: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--iic-line);
    scrollbar-width: thin;
}

.iic-area-selector__tabs button {
    min-width: max-content;
    min-height: 58px;
    padding: 0 17px;
    color: var(--ch-muted, #5e6a60);
    border: 0;
    border-right: 1px solid var(--iic-line);
    background: #fff;
    font: 800 12px/1.2 inherit;
    letter-spacing: 0;
    cursor: pointer;
}

.iic-area-selector__tabs button[aria-selected=true] { color: var(--iic-ink); background: var(--iic-soft); }
.iic-area-selector__tabs button:focus-visible,
.iic-area-selector .iic-text-link:focus-visible,
.iic-programme-card a:focus-visible,
.iic-industry-grid a:focus-visible { outline: 3px solid var(--iic-olive); outline-offset: 3px; }

.iic-area-selector__switcher article {
    display: grid;
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
    min-height: 470px;
}

.iic-area-selector__switcher article figure { min-height: 100%; margin: 0; overflow: hidden; background: var(--iic-soft); }
.iic-area-selector__switcher article figure img { width: 100%; height: 100%; object-fit: cover; }
.iic-area-selector__switcher article > div { padding: clamp(30px, 5vw, 70px); }
.iic-area-selector__switcher article h3 { max-width: 630px; margin: 0 0 18px; color: var(--iic-ink)!important; font-size: clamp(28px, 3.5vw, 50px)!important; line-height: 1!important; letter-spacing: 0!important; }
.iic-area-selector__programme { margin: 0 0 18px; color: var(--ch-muted, #5e6a60)!important; font-size: 15px; }
.iic-area-selector__programme strong { color: var(--iic-ink); }
.iic-area-selector__switcher article ul,
.iic-programme-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.iic-area-selector__switcher article li,
.iic-programme-card li { padding: 7px 9px; color: var(--iic-ink); border: 1px solid var(--iic-line); background: var(--iic-cream); font-size: 12px; font-weight: 750; line-height: 1.25; }
.iic-area-selector__cue { max-width: 620px; margin: 0 0 23px; color: var(--ch-muted, #5e6a60)!important; font-size: 14px; line-height: 1.55; }
.iic-solution .iic-text-link { gap: 10px; margin: 0; color: var(--iic-ink)!important; font-size: 13px; font-weight: 850; text-decoration: none; }
.iic-solution .iic-text-link span { color: var(--iic-olive); font-size: 18px; line-height: .8; transition: transform .2s ease; }
.iic-solution .iic-text-link:hover span { transform: translateX(4px); }

.iic-solution .iic-category-map { background: #fff; }
.iic-workflow-group { margin-top: clamp(52px, 7vw, 84px); }
.iic-workflow-group > h3 { margin: 0 0 22px; color: var(--iic-olive)!important; font-size: 13px!important; letter-spacing: 0!important; text-transform: uppercase; }
.iic-solution .iic-category-map__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.iic-programme-card { display: flex; min-width: 0; min-height: 455px; flex-direction: column; border: 1px solid var(--iic-line); border-radius: 6px; background: #fff; }
.iic-programme-card figure { aspect-ratio: 16 / 9; margin: 0; overflow: hidden; background: var(--iic-soft); }
.iic-programme-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.iic-programme-card:hover img { transform: scale(1.04); }
.iic-programme-card > div { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; padding: 22px; }
.iic-programme-card p { margin: 0 0 10px; color: var(--iic-olive)!important; font-size: 11px!important; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.iic-programme-card h4 { margin: 0 0 11px; color: var(--iic-ink)!important; font-size: 26px!important; line-height: 1.05; letter-spacing: 0!important; }
.iic-programme-card > div > span { display: block; margin-bottom: 17px; color: var(--ch-muted, #5e6a60); font-size: 13px; line-height: 1.48; }
.iic-programme-card ul { gap: 6px; margin-bottom: 20px; }
.iic-programme-card li { padding: 5px 7px; font-size: 11px; }
.iic-programme-card .iic-text-link { margin-top: auto; }

.iic-method { background: var(--iic-soft); }
.iic-method__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: clamp(48px, 9vw, 150px); align-items: start; }
.iic-method__grid ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(39,51,41,.2); }
.iic-method__grid li { display: grid; grid-template-columns: 54px 1fr; gap: 16px; padding: 23px 0; border-bottom: 1px solid rgba(39,51,41,.2); }
.iic-method__grid strong { color: var(--iic-olive); font-size: 12px; letter-spacing: 0; }
.iic-method__grid li span { color: var(--iic-ink); font-size: 18px; font-weight: 750; line-height: 1.4; }
.iic-method__factors { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: clamp(52px, 7vw, 90px); border-top: 1px solid rgba(39,51,41,.2); border-left: 1px solid rgba(39,51,41,.2); }
.iic-method__factors span { min-height: 94px; padding: 16px; color: var(--iic-ink); border-right: 1px solid rgba(39,51,41,.2); border-bottom: 1px solid rgba(39,51,41,.2); font-size: 13px; font-weight: 800; line-height: 1.35; }

.iic-solution .iic-environments { color: var(--iic-ink); background: var(--iic-cream); }
.iic-solution .iic-environments h2,
.iic-solution .iic-environments p { color: var(--iic-ink)!important; }
.iic-solution .iic-environments .iic-section-head > p:not(.iic-kicker) { color: var(--ch-muted, #5e6a60)!important; }
.iic-industry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 48px; border: 1px solid var(--iic-line); background: var(--iic-line); }
.iic-industry-grid a { position: relative; display: flex; min-height: 185px; flex-direction: column; align-items: flex-start; padding: 24px; color: var(--iic-ink)!important; background: #fff; text-decoration: none; }
.iic-industry-grid strong { font-size: 23px; line-height: 1.1; }
.iic-industry-grid span { max-width:290px; margin: 14px 0 0; color: var(--ch-muted, #5e6a60); font-size: 13px; line-height: 1.5; }
.iic-industry-grid b { margin-top: auto; padding-top: 17px; color: var(--iic-olive); font-size: 20px; transition: transform .2s ease; }
.iic-industry-grid a:hover b { transform: translateX(4px); }
.iic-solution .iic-industry-link { display: inline-flex; margin-top: 27px; }

.iic-solution .iic-close { background: var(--iic-ink); }
.iic-solution .iic-close .iic-kicker { color: var(--iic-soft)!important; }
.iic-solution .iic-close h2 { color: #fff!important; }
.iic-solution .iic-close > .container > p:not(.iic-kicker) { margin-bottom: 31px; color: rgba(255,255,255,.8)!important; }
.iic-solution .iic-close .iic-button--outline { color: #fff!important; border-color: rgba(255,255,255,.55); background: transparent; }
.iic-solution .iic-close .iic-button--outline:hover { border-color: #fff; background: rgba(255,255,255,.1); }

@media (max-width: 1050px) {
    .iic-programme-path,
    .iic-method__factors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .iic-solution .iic-category-map__grid,
    .iic-industry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .iic-area-selector__switcher article,
    .iic-method__grid { grid-template-columns: 1fr; }
    .iic-area-selector__switcher article figure { min-height: 320px; }
}

@media (max-width: 600px) {
    .iic-solution .iic-hero { min-height: 680px; background-position: 62% center; }
    .iic-solution .iic-hero::before { background: linear-gradient(180deg, rgba(250,249,244,.98) 0%, rgba(250,249,244,.93) 56%, rgba(250,249,244,.48) 100%); }
    .iic-solution .iic-hero h1 { font-size: clamp(46px, 13.4vw, 65px)!important; letter-spacing: 0!important; }
    .iic-solution .iic-hero__content { padding-block: 48px 58px; }
    .iic-programme-intro,
    .iic-area-selector,
    .iic-method,
    .iic-solution .iic-category-map,
    .iic-solution .iic-environments,
    .iic-solution .iic-close { padding-block: 72px; }
    .iic-programme-intro h2,
    .iic-area-selector h2,
    .iic-method h2,
    .iic-solution .iic-category-map h2,
    .iic-solution .iic-environments h2,
    .iic-solution .iic-close h2 { font-size: clamp(38px, 11vw, 50px)!important; }
    .iic-programme-path,
    .iic-method__factors,
    .iic-solution .iic-category-map__grid,
    .iic-industry-grid { grid-template-columns: 1fr; }
    .iic-programme-path li { min-height: 0; padding: 17px; }
    .iic-programme-path li::before { display: inline; margin: 0 10px 0 0; }
    .iic-area-selector__switcher { margin-top: 34px; }
    .iic-area-selector__switcher article figure { min-height: 235px; }
    .iic-area-selector__switcher article > div { padding: 27px 22px 30px; }
    .iic-area-selector__switcher article h3 { font-size: 31px!important; }
    .iic-programme-card { min-height: 0; }
    .iic-industry-grid a { min-height: 155px; }
}

@media (prefers-reduced-motion: reduce) {
    .iic-solution .iic-text-link span,
    .iic-solution .iic-programme-card img,
    .iic-solution .iic-industry-grid b { transition: none; }
}
+
/* Industries pages - proof point and case-study component. */
.iic-why-everklin { padding: clamp(84px, 11vw, 150px) 0; background: var(--iic-mist); }
.iic-why-everklin__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(45px, 8vw, 120px); align-items: center; }
.iic-why-everklin__proof { max-width: 560px; margin: 0; color: #526b58; font-size: 18px; line-height: 1.6; }
.iic-why-everklin__case { display: flex; flex-direction: column; gap: 10px; padding: 28px; border: 1px solid var(--iic-line); border-radius: 8px; background: #fff; color: var(--iic-ink); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.iic-why-everklin__case:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(38, 68, 41, .1); }
.iic-why-everklin__case strong { font-size: 22px; letter-spacing: 0; }
.iic-why-everklin__case b { color: var(--iic-olive); font-size: 14px; font-weight: 900; }
@media (max-width: 960px) { .iic-why-everklin__grid { grid-template-columns: 1fr; } }


/* I&I flagship solution hub: scoped to the solution landing page only. */
.iic-hub {
    color: var(--ek-text);
    background: var(--ek-cream);
}

.iic-hub .container {
    width: min(100% - 64px, 1320px);
}

.iic-hub h1,
.iic-hub h2,
.iic-hub h3,
.iic-hub p {
    margin-top: 0;
}

.iic-hub-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.iic-hub-kicker {
    margin: 0 0 16px;
    color: var(--ek-olive-deep);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.3;
    text-transform: uppercase;
}

.iic-hub-crumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 30px;
    color: var(--ek-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.iic-hub-crumb a {
    color: inherit;
    text-decoration: none;
}

.iic-hub-crumb a:hover {
    color: var(--ek-forest);
    text-decoration: underline;
    text-decoration-color: var(--ek-olive);
    text-underline-offset: 4px;
}

.iic-hub-crumb strong {
    color: var(--ek-forest);
}

.iic-hub-hero {
    position: relative;
    overflow: hidden;
    background: var(--ek-cream);
}

.iic-hub-hero__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    min-height: 650px;
    align-items: stretch;
}

.iic-hub-hero__copy {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 90px 18px 90px 0;
}

.iic-hub-hero h1 {
    max-width: 640px;
    margin: 0 0 28px;
    color: var(--ek-forest) !important;
    font-size: 72px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: .94 !important;
}

.iic-hub-hero h1 span {
    display: block;
}

.iic-hub-hero__lead {
    max-width: 520px;
    margin: 0 0 34px;
    color: var(--ek-text) !important;
    font-size: 19px;
    line-height: 1.58;
}

.iic-hub-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.iic-hub-button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.iic-hub-button--primary {
    color: var(--ek-white) !important;
    border-color: var(--ek-olive-deep);
    background: var(--ek-olive-deep);
}

.iic-hub-button--secondary {
    color: var(--ek-forest) !important;
    border-color: var(--ek-olive-deep);
    background: transparent;
}

.iic-hub-button:hover {
    transform: translateY(-2px);
}

.iic-hub-button--primary:hover,
.iic-hub-button--primary:focus-visible {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive);
    background: var(--ek-olive);
}

.iic-hub-button--secondary:hover,
.iic-hub-button--secondary:focus-visible {
    color: var(--ek-forest) !important;
    border-color: var(--ek-olive-deep);
    background: var(--ek-olive-cream);
}

.iic-hub-button:focus-visible,
.iic-hub-text-link:focus-visible,
.iic-hub-switcher__tabs button:focus-visible,
.iic-hub-documents__links a:focus-visible {
    outline: 3px solid var(--ek-olive);
    outline-offset: 3px;
}

.iic-hub-hero__media {
    position: relative;
    z-index: 0;
    min-height: 650px;
    margin: 0;
    overflow: hidden;
    background: var(--ek-olive-cream);
}

.iic-hub-hero__media::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, var(--ek-cream) 0%, rgba(247, 245, 239, .88) 10%, rgba(247, 245, 239, .2) 30%, transparent 48%);
    content: "";
}

.iic-hub-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.iic-hub-proof {
    padding: 0;
    background: var(--ek-olive-cream);
}

.iic-hub-proof__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-left: 1px solid var(--ek-border);
}

.iic-hub-proof article {
    min-width: 0;
    min-height: 176px;
    padding: 28px 26px 30px;
    border-right: 1px solid var(--ek-border);
}

.iic-hub-proof__icon,
.iic-hub-programme-card__icon,
.iic-hub-method__icon,
.iic-hub-documents__icon {
    display: inline-grid;
    place-items: center;
    color: var(--ek-olive-deep);
}

.iic-hub-proof__icon {
    width: 30px;
    height: 30px;
    margin-bottom: 26px;
}

.iic-hub .line-svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.iic-hub-proof h3 {
    margin: 0 0 8px;
    color: var(--ek-forest) !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
}

.iic-hub-proof p {
    margin: 0;
    color: var(--ek-text) !important;
    font-size: 14px;
    line-height: 1.5;
}

.iic-hub-selector,
.iic-hub-programmes,
.iic-hub-highlights {
    padding: 112px 0;
}

.iic-hub-selector {
    background: var(--ek-cream);
}

.iic-hub-programmes,
.iic-hub-highlights {
    background: var(--ek-soft-cream);
}

.iic-hub-section-head {
    max-width: 730px;
    margin-bottom: 46px;
}

.iic-hub-section-head h2 {
    margin: 0 0 20px;
    color: var(--ek-forest) !important;
    font-size: 54px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: .98 !important;
}

.iic-hub-section-head > p:not(.iic-hub-kicker) {
    max-width: 650px;
    margin: 0;
    color: var(--ek-text) !important;
    font-size: 17px;
    line-height: 1.62;
}

.iic-hub-switcher {
    overflow: hidden;
    border: 1px solid var(--ek-border);
    border-radius: 6px;
    background: var(--ek-white);
}

.iic-hub-switcher__tabs {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    border-bottom: 1px solid var(--ek-border);
    background: var(--ek-soft-cream);
}

.iic-hub-switcher__tabs button {
    min-height: 70px;
    min-width: 0;
    padding: 12px 10px;
    color: var(--ek-forest);
    border: 0;
    border-right: 1px solid var(--ek-border);
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.28;
    text-align: left;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.iic-hub-switcher__tabs button:last-child {
    border-right: 0;
}

.iic-hub-switcher__tabs button:hover,
.iic-hub-switcher__tabs button[aria-selected="true"] {
    color: var(--ek-white);
    background: var(--ek-olive-deep);
}

.iic-hub-switcher__panel {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    min-height: 450px;
}

.iic-hub-switcher__panel[hidden] {
    display: none !important;
}

.iic-hub-switcher__panel figure {
    min-height: 450px;
    margin: 0;
    overflow: hidden;
    background: var(--ek-olive-cream);
}

.iic-hub-switcher__panel figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.iic-hub-switcher__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 52px;
}

.iic-hub-switcher__content .iic-hub-kicker {
    margin-bottom: 13px;
}

.iic-hub-switcher__content h3 {
    max-width: 620px;
    margin: 0 0 18px;
    color: var(--ek-forest) !important;
    font-size: 42px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
}

.iic-hub-switcher__programme {
    display: grid;
    gap: 4px;
    margin: 0 0 20px;
    color: var(--ek-forest) !important;
    font-size: 17px;
    font-weight: 760;
    line-height: 1.4;
}

.iic-hub-switcher__programme span {
    color: var(--ek-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.iic-hub-switcher__content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}

.iic-hub-switcher__content li {
    padding: 7px 9px;
    color: var(--ek-forest);
    border: 1px solid var(--ek-border);
    border-radius: 2px;
    background: var(--ek-cream);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.iic-hub-switcher__cue {
    max-width: 600px;
    margin: 0 0 18px;
    color: var(--ek-text) !important;
    font-size: 14px;
    line-height: 1.55;
}

.iic-hub-switcher__related {
    margin: 0 0 18px;
    color: var(--ek-text) !important;
    font-size: 14px;
    line-height: 1.5;
}

.iic-hub-switcher__related a {
    color: var(--ek-forest);
    font-weight: 800;
    text-decoration-color: var(--ek-olive);
    text-underline-offset: 4px;
}

.iic-hub-text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    color: var(--ek-forest) !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
}

.iic-hub-text-link span {
    color: var(--ek-olive-deep);
    font-size: 18px;
    line-height: 1;
    transition: transform .2s ease;
}

.iic-hub-text-link:hover span {
    transform: translateX(4px);
}

.iic-hub-programmes__grid,
.iic-hub-highlights__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.iic-hub-programme-card,
.iic-hub-product-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--ek-border);
    border-radius: 6px;
    background: var(--ek-white);
}

.iic-hub-programme-card figure {
    aspect-ratio: 16 / 9;
    margin: 0;
    overflow: hidden;
    background: var(--ek-olive-cream);
}

.iic-hub-programme-card figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.iic-hub-programme-card:hover figure img {
    transform: scale(1.025);
}

.iic-hub-programme-card > div,
.iic-hub-product-card > div {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
}

.iic-hub-programme-card__icon {
    width: 30px;
    height: 30px;
    margin-bottom: 24px;
}

.iic-hub-programme-card > div > p:not(.iic-hub-programme-card__description),
.iic-hub-product-card > div > p {
    margin: 0 0 9px;
    color: var(--ek-olive-deep) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1.35;
    text-transform: uppercase;
}

.iic-hub-programme-card h3,
.iic-hub-product-card h3 {
    margin: 0 0 12px;
    color: var(--ek-forest) !important;
    font-size: 28px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    line-height: 1.08 !important;
}

.iic-hub-programme-card__description {
    margin: 0 0 22px;
    color: var(--ek-text) !important;
    font-size: 14px;
    line-height: 1.56;
}

.iic-hub-programme-card .iic-hub-text-link,
.iic-hub-product-card .iic-hub-text-link {
    margin-top: auto;
}

.iic-hub-method {
    padding: 112px 0;
    background: var(--ek-olive-cream);
}

.iic-hub-method__steps {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 56px 0 0;
    padding: 0;
    border-top: 1px solid var(--ek-border);
    list-style: none;
}

.iic-hub-method__steps li {
    position: relative;
    min-width: 0;
    min-height: 244px;
    padding: 28px 20px 28px 22px;
    border-right: 1px solid var(--ek-border);
}

.iic-hub-method__steps li:first-child {
    border-left: 1px solid var(--ek-border);
}

.iic-hub-method__steps li:not(:last-child)::after {
    position: absolute;
    z-index: 2;
    top: 28px;
    right: -9px;
    color: var(--ek-olive-deep);
    font-size: 17px;
    line-height: 1;
    content: "→";
}

.iic-hub-method__number {
    display: block;
    margin-bottom: 28px;
    color: var(--ek-olive-deep);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
}

.iic-hub-method__icon {
    width: 32px;
    height: 32px;
    margin-bottom: 42px;
}

.iic-hub-method__steps h3 {
    margin: 0 0 10px;
    color: var(--ek-forest) !important;
    font-size: 18px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    line-height: 1.18 !important;
}

.iic-hub-method__steps p {
    margin: 0;
    color: var(--ek-text) !important;
    font-size: 14px;
    line-height: 1.5;
}

.iic-hub-highlights {
    background: var(--ek-white);
}

.iic-hub-product-card figure {
    display: grid;
    aspect-ratio: 4 / 3;
    margin: 0;
    place-items: center;
    background: var(--ek-olive-cream);
}

.iic-hub-product-card figure img {
    width: 78%;
    height: 78%;
    object-fit: contain;
}

.iic-hub-product-card > div > span {
    margin: 0 0 20px;
    color: var(--ek-text);
    font-size: 14px;
    line-height: 1.5;
}

.iic-hub-documents {
    padding: 112px 0;
    background: var(--ek-cream);
}

.iic-hub-documents__grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(380px, 1.15fr);
    gap: 80px;
    align-items: start;
}

.iic-hub-documents__links {
    border-top: 1px solid var(--ek-border);
}

.iic-hub-documents__links a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 26px;
    gap: 16px;
    align-items: center;
    min-height: 116px;
    padding: 20px 0;
    color: var(--ek-forest) !important;
    border-bottom: 1px solid var(--ek-border);
    text-decoration: none;
    transition: padding .2s ease, background-color .2s ease;
}

.iic-hub-documents__links a:hover {
    padding-inline: 14px;
    background: var(--ek-olive-cream);
}

.iic-hub-documents__icon {
    width: 34px;
    height: 34px;
}

.iic-hub-documents__links strong,
.iic-hub-documents__links small {
    display: block;
}

.iic-hub-documents__links strong {
    margin-bottom: 7px;
    color: var(--ek-forest);
    font-size: 19px;
    font-weight: 760;
    line-height: 1.25;
}

.iic-hub-documents__links small {
    color: var(--ek-text);
    font-size: 14px;
    line-height: 1.48;
}

.iic-hub-documents__links b {
    color: var(--ek-olive-deep);
    font-size: 20px;
    font-weight: 700;
}

.iic-hub-final {
    padding: 96px 0;
    color: var(--ek-white);
    background: var(--ek-forest);
}

.iic-hub-final__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 52px;
    align-items: end;
}

.iic-hub-final .iic-hub-kicker {
    color: var(--ek-olive-light);
}

.iic-hub-final h2 {
    max-width: 780px;
    margin: 0 0 20px;
    color: var(--ek-white) !important;
    font-size: 54px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: .98 !important;
}

.iic-hub-final p:not(.iic-hub-kicker) {
    max-width: 620px;
    margin: 0;
    color: var(--ek-dark-copy) !important;
    font-size: 17px;
    line-height: 1.58;
}

.iic-hub-final .iic-hub-actions {
    justify-content: flex-end;
}

.iic-hub-button--on-dark {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive);
    background: var(--ek-olive);
}

.iic-hub-button--on-dark:hover,
.iic-hub-button--on-dark:focus-visible {
    color: var(--ek-forest) !important;
    border-color: var(--ek-olive-light);
    background: var(--ek-olive-light);
}

.iic-hub-button--on-dark-outline {
    color: var(--ek-white) !important;
    border-color: rgba(255, 255, 255, .7);
    background: transparent;
}

.iic-hub-button--on-dark-outline:hover,
.iic-hub-button--on-dark-outline:focus-visible {
    color: var(--ek-forest) !important;
    border-color: var(--ek-white);
    background: var(--ek-white);
}

@media (max-width: 1180px) {
    .iic-hub .container {
        width: min(100% - 56px, 1320px);
    }

    .iic-hub-hero__grid,
    .iic-hub-hero__media {
        min-height: 580px;
    }

    .iic-hub-hero h1 {
        font-size: 60px !important;
    }

    .iic-hub-proof__grid,
    .iic-hub-method__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iic-hub-method__steps li:nth-child(odd) {
        border-left: 1px solid var(--ek-border);
    }

    .iic-hub-method__steps li:not(:last-child)::after {
        display: none;
    }

    .iic-hub-method__steps li {
        min-height: 212px;
    }

    .iic-hub-method__icon {
        margin-bottom: 30px;
    }

    .iic-hub-documents__grid {
        gap: 48px;
    }
}

@media (max-width: 960px) {
    .iic-hub-selector,
    .iic-hub-programmes,
    .iic-hub-method,
    .iic-hub-highlights,
    .iic-hub-documents {
        padding: 88px 0;
    }

    .iic-hub-section-head h2,
    .iic-hub-final h2 {
        font-size: 48px !important;
    }

    .iic-hub-programmes__grid,
    .iic-hub-highlights__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iic-hub-documents__grid {
        grid-template-columns: 1fr;
    }

    .iic-hub-documents__links {
        max-width: 760px;
    }
}

@media (max-width: 860px) {
    .iic-hub-hero__media::after {
        display: none;
    }

    .iic-hub-hero__grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .iic-hub-hero__copy {
        padding: 72px 0 54px;
    }

    .iic-hub-hero__media {
        min-height: 380px;
        margin: 0;
    }

    .iic-hub-switcher__tabs {
        display: flex;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: thin;
    }

    .iic-hub-switcher__tabs button {
        flex: 0 0 150px;
        min-height: 60px;
        white-space: normal;
    }

    .iic-hub-switcher__panel {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .iic-hub-switcher__panel figure {
        min-height: 340px;
    }

    .iic-hub-final__grid {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .iic-hub-final .iic-hub-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .iic-hub .container {
        width: min(100% - 40px, 1320px);
    }

    .iic-hub-hero__copy {
        padding: 54px 0 42px;
    }

    .iic-hub-crumb {
        margin-bottom: 24px;
        font-size: 11px;
    }

    .iic-hub-hero h1 {
        margin-bottom: 22px;
        font-size: 46px !important;
        line-height: .97 !important;
    }

    .iic-hub-hero__lead,
    .iic-hub-section-head > p:not(.iic-hub-kicker),
    .iic-hub-final p:not(.iic-hub-kicker) {
        font-size: 16px;
    }

    .iic-hub-actions,
    .iic-hub-actions .iic-hub-button {
        width: 100%;
    }

    .iic-hub-hero__media {
        min-height: 290px;
    }

    .iic-hub-proof__grid,
    .iic-hub-programmes__grid,
    .iic-hub-highlights__grid,
    .iic-hub-method__steps {
        grid-template-columns: 1fr;
    }

    .iic-hub-proof article {
        min-height: 0;
        padding: 24px 0;
        border-right: 0;
        border-bottom: 1px solid var(--ek-border);
    }

    .iic-hub-proof article:last-child {
        border-bottom: 0;
    }

    .iic-hub-proof__grid {
        border-left: 0;
    }

    .iic-hub-proof__icon {
        margin-bottom: 16px;
    }

    .iic-hub-selector,
    .iic-hub-programmes,
    .iic-hub-method,
    .iic-hub-highlights,
    .iic-hub-documents {
        padding: 72px 0;
    }

    .iic-hub-section-head {
        margin-bottom: 32px;
    }

    .iic-hub-section-head h2,
    .iic-hub-final h2 {
        font-size: 42px !important;
        line-height: 1 !important;
    }

    .iic-hub-switcher__tabs button {
        flex-basis: 138px;
        font-size: 12px;
    }

    .iic-hub-switcher__panel figure {
        min-height: 250px;
    }

    .iic-hub-switcher__content {
        padding: 30px 24px 32px;
    }

    .iic-hub-switcher__content h3 {
        font-size: 34px !important;
    }

    .iic-hub-programme-card > div,
    .iic-hub-product-card > div {
        padding: 22px;
    }

    .iic-hub-programme-card h3,
    .iic-hub-product-card h3 {
        font-size: 26px !important;
    }

    .iic-hub-method__steps {
        margin-top: 38px;
    }

    .iic-hub-method__steps li,
    .iic-hub-method__steps li:first-child,
    .iic-hub-method__steps li:nth-child(odd) {
        min-height: 0;
        padding: 24px 0 24px 22px;
        border-right: 0;
        border-bottom: 1px solid var(--ek-border);
        border-left: 1px solid var(--ek-border);
    }

    .iic-hub-method__number {
        margin-bottom: 16px;
    }

    .iic-hub-method__icon {
        margin-bottom: 22px;
    }

    .iic-hub-documents__links a {
        grid-template-columns: 30px minmax(0, 1fr) 18px;
        gap: 12px;
        min-height: 0;
        padding: 22px 0;
    }

    .iic-hub-documents__links strong {
        font-size: 17px;
    }

    .iic-hub-documents__links small {
        font-size: 13px;
    }

    .iic-hub-final {
        padding: 72px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .iic-hub-button,
    .iic-hub-text-link span,
    .iic-hub-programme-card figure img,
    .iic-hub-documents__links a {
        transition: none;
    }
}