@font-face{font-family:Plex;src:url('../tanui-assets/IBMPlexSans-Variable.ttf') format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:Mono;src:url('../tanui-assets/IBMPlexMono-Light.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--paper:#f5f4ed;--white:#fff;--ink:#17201b;--green:#1c5135;--green2:#2d754a;--acid:#c8ed78;--muted:#687169;--line:#d8ded5;--ff:Plex,Arial,sans-serif;--mono:Mono,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--ff);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.mono{font:300 10px var(--mono);letter-spacing:.15em;text-transform:uppercase}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand-pill{display:flex;align-items:center;gap:5px;padding:5px 6px 5px 12px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.4));backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 28px rgba(5,20,13,.14);position:relative;z-index:70}.brand-mark{display:flex;align-items:center;padding:0 4px}.brand-mark img{display:block;width:137px;height:auto;max-height:44px;object-fit:contain}.nav-right{display:flex;align-items:center;gap:12px}.nav-contact{font-size:12px;color:white;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:9px 15px}.burger{width:39px;height:39px;flex:none;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.26);color:var(--green);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.burger:hover,.burger[aria-expanded="true"]{background:var(--acid);color:var(--ink)}.burger-lines,.burger-lines:before,.burger-lines:after{display:block;width:15px;height:1.5px;background:currentColor;position:relative;transition:transform .2s ease,top .2s ease}.burger-lines:before,.burger-lines:after{content:"";position:absolute;left:0}.burger-lines:before{top:-5px}.burger-lines:after{top:5px}.burger[aria-expanded="true"] .burger-lines{background:transparent}.burger[aria-expanded="true"] .burger-lines:before{top:0;transform:rotate(45deg)}.burger[aria-expanded="true"] .burger-lines:after{top:0;transform:rotate(-45deg)}
.hero{height:min(690px,88svh);min-height:570px;position:relative;isolation:isolate;color:white;background:#25362d var(--hero-image) center/cover no-repeat;display:flex;flex-direction:column}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,20,13,.71),rgba(8,20,13,.08) 90%),linear-gradient(0deg,rgba(8,20,13,.5),transparent 72%)}.hero-inner{flex:1;display:flex;align-items:flex-end;padding-bottom:68px}.hero-copy{max-width:870px}.hero-copy .mono{color:var(--acid)}.hero h1{font-size:clamp(52px,7.5vw,96px);line-height:.96;letter-spacing:-.065em;font-weight:300;margin:17px 0 20px;text-wrap:balance}.hero p{font-size:16px;line-height:1.55;max-width:520px;color:#ebf0e9;margin:0}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:27px}.button{display:inline-flex;align-items:center;gap:11px;background:var(--paper);color:var(--ink);border-radius:999px;padding:12px 18px;font-size:13px;font-weight:600}.button:hover{background:var(--acid)}.hero-link{font-size:13px;color:white}.industry-nav{background:#fff;border-bottom:1px solid var(--line)}.industry-nav .wrap{display:flex;align-items:center;gap:28px;min-height:58px;overflow:auto;white-space:nowrap}.industry-nav .current{font:300 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green2);margin-right:auto}.industry-nav a:not(.current){font-size:12px;color:#566158}.industry-nav a:hover{color:var(--green2)}
.intro{padding:91px 0 88px}.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:9vw;align-items:end}.intro h2,.section-head h2,.related-head h2{font-size:clamp(39px,5.4vw,67px);line-height:1;letter-spacing:-.06em;font-weight:300;margin:14px 0 0}.intro h2 em{font-family:Georgia,serif;color:var(--green2)}.intro-copy{max-width:460px;font-size:15px;color:#4d574e}.intro-copy p{margin:0 0 17px}.challenge{background:var(--green);color:white;padding:78px 0 83px}.challenge .mono{color:var(--acid)}.section-head{max-width:780px;margin-bottom:36px}.section-head h2{margin-bottom:15px}.section-head p{font-size:14px;color:#d3e0d4;max-width:600px;margin:0}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid rgba(255,255,255,.3)}.challenge-item{padding:19px 24px 0 0}.challenge-item .num{font:300 10px var(--mono);color:var(--acid)}.challenge-item h3{font-size:19px;line-height:1.2;font-weight:400;margin:21px 0 8px}.challenge-item p{font-size:13px;color:#d0ded2;line-height:1.5;margin:0}.help{padding:90px 0}.help-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.help-heading{max-width:440px}.help-heading .mono{color:var(--green2)}.help-heading h2{font-size:clamp(39px,5vw,62px);line-height:.99;letter-spacing:-.06em;font-weight:300;margin:15px 0}.help-heading p{font-size:14px;color:var(--muted)}.help-list{border-top:1px solid var(--line)}.help-row{display:grid;grid-template-columns:37px 1fr 22px;align-items:start;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.help-row .num{font:300 10px var(--mono);color:var(--green2)}.help-row h3{font-size:16px;font-weight:500;color:var(--green);margin:0 0 5px}.help-row p{font-size:13px;color:#5d675f;margin:0}.help-row i{font-style:normal;color:var(--green2)}.related{background:#e8ebe2;padding:80px 0}.related-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.related-head h2{font-size:clamp(35px,4.5vw,54px)}.related-head p{font-size:13px;max-width:300px;color:var(--muted);margin:0 0 4px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cap{min-height:143px;background:#f8f8f2;padding:19px;display:flex;flex-direction:column;justify-content:space-between}.cap .mono{color:var(--green2)}.cap h3{font-size:17px;line-height:1.2;font-weight:400;margin:20px 0 0}.insight{padding:78px 0}.insight-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center}.insight-image{height:320px;background:var(--hero-image) center/cover;border-radius:3px;position:relative;isolation:isolate}.insight-image:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,20,13,.42),transparent)}.insight-copy .mono{color:var(--green2)}.insight-copy h2{font-size:clamp(33px,4.2vw,50px);line-height:1.05;letter-spacing:-.05em;font-weight:300;margin:15px 0}.insight-copy p{font-size:14px;color:var(--muted);max-width:470px}.company-cta{background:#fff;padding:58px 0}.company-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.company-cta h2{font-size:clamp(29px,3.8vw,44px);font-weight:300;line-height:1.05;letter-spacing:-.04em;margin:10px 0}.company-cta a{color:var(--green);font-size:13px;white-space:nowrap}.footer{background:#13231a;color:white;padding:52px 0 19px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:37px}.footer-brand img{width:165px;height:auto}.footer-links{display:flex;gap:21px;flex-wrap:wrap;font-size:12px;color:#dae3db}.footer-bottom{border-top:1px solid rgba(255,255,255,.22);padding-top:15px;display:flex;justify-content:space-between;color:#b7c3b9;font:300 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.menu-scrim{position:fixed;inset:0;z-index:60;background:rgba(12,19,15,.28);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mega-menu{position:fixed;z-index:65;inset:0 0 auto;max-height:100svh;overflow:auto;background:#f8f8f2;color:var(--ink);padding:0 0 28px;transform:translateY(-10px);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .2s ease,visibility .2s ease}.menu-open .mega-menu{transform:translateY(0);opacity:1;visibility:visible}.menu-open .menu-scrim{opacity:1;visibility:visible}.mega-head{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.mega-head .brand-mark img{width:145px}.mega-head .burger{background:var(--green);border-color:var(--green);color:white}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.menu-col h2{font:300 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green2);margin:0 0 13px}.menu-col a{display:block;font-size:13px;padding:6px 0;color:#364139}.menu-col a:hover{color:var(--green2)}.menu-bottom{padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.menu-bottom a{background:var(--green);color:white;border-radius:999px;padding:10px 16px}
@media(max-width:850px){.wrap{width:calc(100% - 44px)}.intro-grid,.help-grid,.insight-grid{grid-template-columns:1fr;gap:34px}.challenge-grid{grid-template-columns:1fr 1fr}.cap-grid{grid-template-columns:1fr 1fr}.industry-nav .current{display:none}.industry-nav .wrap{gap:18px}.menu-grid{grid-template-columns:1fr 1fr}.menu-col:last-child{grid-column:1/-1}.company-cta .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.wrap{width:calc(100% - 34px)}.nav{height:70px}.brand-mark img{width:122px}.nav-contact{display:none}.hero{height:690px;min-height:580px}.hero-inner{padding-bottom:43px}.hero h1{font-size:51px}.hero p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.industry-nav .wrap{min-height:50px;gap:17px}.industry-nav a:not(.current){font-size:11px}.intro,.help,.insight{padding:68px 0}.intro h2{font-size:44px}.challenge{padding:65px 0}.challenge-grid{grid-template-columns:1fr;gap:13px}.challenge-item{padding-top:15px}.challenge-item h3{margin:12px 0 6px}.related{padding:66px 0}.related-head{display:block}.related-head p{margin-top:15px}.cap-grid{grid-template-columns:1fr}.cap{min-height:112px}.insight-image{height:245px}.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:11px}.menu-grid{grid-template-columns:1fr 1fr;gap:20px 16px;padding-top:19px}.menu-col a{font-size:12px}.menu-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.menu-language{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 0;color:var(--muted);font-size:12px}.language-options{display:flex;align-items:center;gap:6px}.language-options a{min-width:38px;text-align:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}.language-options a:hover,.language-options a.selected{background:var(--green);border-color:var(--green);color:white}
/* Dark glass capsule keeps the all-cream header logo legible over the hero photography. */
.brand-pill{background:linear-gradient(145deg,rgba(13,29,20,.74),rgba(13,29,20,.54));box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 8px 28px rgba(0,0,0,.26)}

/* Desktop: the brand capsule relocates to the upper-left edge after the hero. */
@media(min-width:1000px){
 .brand-pill{transition:transform .55s cubic-bezier(.2,.75,.25,1),left .55s cubic-bezier(.2,.75,.25,1),top .55s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,background .3s ease}
 .brand-pill.is-floating{position:fixed;left:22px;top:20px;z-index:80;gap:2px;padding:4px 5px 4px 9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 22px rgba(0,0,0,.24)}
 .brand-pill.is-floating .brand-mark img{width:112px;max-height:36px}
 .menu-open .brand-pill.is-floating{opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.brand-pill{transition:none!important}}

/* Liquid-glass finish for the floating brand capsule: translucent, refractive and legible. */
.brand-pill{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,rgba(244,248,240,.24) 0%,rgba(244,248,240,.10) 28%,rgba(11,29,19,.36) 72%,rgba(11,29,19,.48) 100%);border-color:rgba(255,255,255,.52);backdrop-filter:blur(26px) saturate(175%) contrast(108%);-webkit-backdrop-filter:blur(26px) saturate(175%) contrast(108%);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(255,255,255,.16),0 9px 30px rgba(0,0,0,.25)}
.brand-pill:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 24% 0%,rgba(255,255,255,.32),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.10),transparent 58%)}
.brand-pill .burger{background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.10));border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 2px 8px rgba(0,0,0,.12)}
.brand-pill .burger:hover,.brand-pill .burger[aria-expanded="true"]{background:var(--acid);border-color:rgba(255,255,255,.82)}
@media(prefers-reduced-transparency:reduce){.brand-pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(17,39,26,.92)}}

/* Liquid-glass material: flat translucent tint, real background refraction and a restrained specular highlight. */
.brand-pill{background:rgba(15,31,22,.40);border-color:rgba(255,255,255,.48);backdrop-filter:blur(28px) saturate(185%) contrast(108%);-webkit-backdrop-filter:blur(28px) saturate(185%) contrast(108%);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(255,255,255,.12),0 10px 32px rgba(0,0,0,.23)}
.brand-pill:before{background:radial-gradient(ellipse at 24% 0%,rgba(255,255,255,.25),transparent 54%)}
.brand-pill .burger{color:#f1f1e9;background:rgba(241,241,233,.12);border-color:rgba(255,255,255,.46);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 2px 9px rgba(0,0,0,.12)}
.brand-pill .burger:hover,.brand-pill .burger[aria-expanded="true"]{background:rgba(200,237,120,.92);border-color:rgba(255,255,255,.8);color:#17201b}
@media(prefers-reduced-transparency:reduce){.brand-pill{background:rgba(17,39,26,.94);backdrop-filter:none;-webkit-backdrop-filter:none}.brand-pill .burger{background:rgba(241,241,233,.2);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Neutral glass tint: remove the green cast while retaining depth and contrast. */
.brand-pill{background:rgba(22,23,21,.38);border-color:rgba(255,255,255,.52);backdrop-filter:blur(28px) saturate(180%) contrast(108%);-webkit-backdrop-filter:blur(28px) saturate(180%) contrast(108%);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(255,255,255,.12),0 10px 32px rgba(0,0,0,.23)}
.brand-pill .burger{background:rgba(245,245,240,.13);border-color:rgba(255,255,255,.52);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}
@media(prefers-reduced-transparency:reduce){.brand-pill{background:rgba(24,25,23,.94)}.brand-pill .burger{background:rgba(245,245,240,.2)}}

/* Match the subpage header geometry to the Tanui home cover. */
.nav{height:86px;border-bottom:1px solid rgba(255,255,255,.58)}
.brand-mark img{width:104px;max-height:46px}
.burger{width:40px;height:40px}
.nav-end,.nav-right{display:flex;align-items:center;gap:12px}
.nav-contact{height:52px;display:inline-flex;align-items:center;padding:10px 15px;background:rgba(9,20,14,.52);box-shadow:0 2px 12px rgba(0,0,0,.18);text-shadow:0 1px 2px rgba(0,0,0,.3)}
@media(max-width:560px){.nav{height:72px}.nav-contact{display:none}}