/* Human stories: native scrolling, progressive enhancement, no animation dependency. */
.human-hero{position:relative;margin:0;min-width:0;border-radius:18px;overflow:hidden;background:#1c3026;box-shadow:0 28px 70px #0004}
.photo-window{position:relative;overflow:hidden;isolation:isolate}
.photo-window picture{display:block;height:100%}
.photo-window img{width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--photo-y,0px),0) scale(1.10)}
.human-hero .photo-window{height:510px}
.human-hero img{object-position:78% 50%}
.human-hero figcaption{position:absolute;inset:auto 0 0;padding:72px 28px 24px;background:linear-gradient(transparent,#07130deb 45%);color:#fff;pointer-events:none}
.photo-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--sig-3)}
.human-hero .photo-eyebrow,.human-guide .photo-eyebrow{color:#a9f5cf}
.human-hero strong{display:block;font-size:29px;line-height:1.4;margin:12px 0 16px;letter-spacing:-.025em}
.photo-disclosure{font-size:11px;color:#c2d4ca}
.tool-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;margin-bottom:44px}
.tool-intro .head{margin-bottom:0}
.tool-intro .engine{width:100%;max-width:420px;aspect-ratio:1;margin:32px auto 40px;background:#0b1811;border-radius:24px;border:1px solid #315347;box-shadow:0 20px 44px #173c2320}
.tool-intro .hud{color:#24543d}.tool-intro .hud.bl{color:#24543d}
.human-story{padding:100px 0 12px;background:var(--paper)}
.story-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px 60px;align-items:end;margin-bottom:40px}
.story-heading .photo-eyebrow{grid-column:1/-1;color:#126d58}
.story-heading h2{font-size:clamp(32px,4.2vw,52px)}
.story-heading p{color:var(--dim);font-size:17px;line-height:1.9}
.story-photo{margin:0}
.story-photo .photo-window{height:clamp(320px,48vw,620px);border-radius:18px;clip-path:inset(0 var(--photo-inset,0%) round 18px)}
.story-photo img{object-position:center 24%}
.story-photo figcaption{display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:12px;color:var(--dim)}
.story-photo figcaption span:first-child{color:var(--text);font-weight:600}
.human-guide{display:flex;align-items:center;gap:26px;padding:24px;margin:-10px 0 64px;border:1px solid #315347;border-radius:16px;background:#13221a;position:relative}
.human-guide img{width:104px;height:124px;object-fit:cover;object-position:50% 14%;border-radius:9px;flex:none}
.human-guide p{font-size:23px;line-height:1.55;margin:10px 0;color:#eef6f1}
.guide-name{font-size:12px;color:#afc7ba}
.guide-link{margin-left:auto;min-height:48px;display:flex;align-items:center;gap:22px;padding:12px 18px;border:1px solid #4d7962;border-radius:8px;color:#c9ffe6;font-size:14px;white-space:nowrap}
.guide-link:hover{background:#234532}
.guide-link:focus-visible{outline:2px solid var(--sig);outline-offset:4px}
@media(max-width:860px){
 .hero-grid{gap:36px;padding-bottom:56px}.human-hero .photo-window{height:440px}.human-hero img{object-position:78% 45%}
 .tool-intro{grid-template-columns:1fr;gap:18px}.tool-intro .engine{max-width:350px;margin:36px auto 48px}
 .human-story{padding-top:70px}.story-heading{grid-template-columns:1fr;gap:18px}.story-heading p{font-size:16px}
 .story-photo .photo-window{height:380px}.story-photo img{object-position:43% center}
 .human-guide{flex-wrap:wrap;gap:18px;padding:20px}.human-guide p{font-size:20px}.guide-link{margin-left:0;justify-content:space-between;width:100%}
}
@media(max-width:520px){
 .human-hero .photo-window{height:390px}.human-hero strong{font-size:25px}.human-hero figcaption{padding-left:22px;padding-right:22px}
 .story-photo figcaption{flex-direction:column;gap:6px;font-size:11px}
 .human-guide img{width:76px;height:100px}.human-guide p{font-size:18px}.human-guide .photo-eyebrow{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.photo-window img{transform:none!important}.story-photo .photo-window{clip-path:none!important}}

/* Mobile spacing and an explicit cue for the horizontally scrollable department list. */
.tab-scroll-hint{display:none}
.tm-tab-strip{position:relative;min-width:0}
@media(max-width:760px){
 .hero-grid{padding-top:40px}
 .tm.has-tab-overflow .tab-scroll-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#c2d4ca;font-size:12px;line-height:1.5}
 .tab-scroll-actions{display:flex;gap:6px;flex:none}
 .tab-scroll-hint button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #4d7962;border-radius:8px;background:#132119;color:#c9ffe6;font:600 21px/1 var(--font);cursor:pointer}
 .tab-scroll-hint button:disabled{opacity:.35;cursor:default}
 .tab-scroll-hint button:focus-visible{outline:2px solid var(--sig);outline-offset:2px}
 .hint-swipe{display:inline-block;margin-left:6px;color:#c9ffe6}
 .tab-hint-visible:not(.tabs-discovered) .hint-swipe{animation:tab-swipe-cue 2.8s ease-in-out infinite}
 .tm-tabs button{flex-basis:calc((100% - 24px)/3.25)}
 .tm-tab-strip:before,.tm-tab-strip:after{content:'';position:absolute;top:0;bottom:6px;width:20px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}
 .tm-tab-strip:before{left:0;background:linear-gradient(90deg,#0f1a15,transparent)}
 .tm-tab-strip:after{right:0;background:linear-gradient(270deg,#0f1a15,transparent)}
 .tm-tab-strip.has-left:before,.tm-tab-strip.has-right:after{opacity:1}
}
@keyframes tab-swipe-cue{0%,65%,100%{transform:translateX(0);opacity:.7}30%{transform:translateX(5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.hint-swipe{animation:none!important}}
/* Long English plan labels must wrap inside their grid cells at narrow widths. */
html[lang=en] .tier{min-width:0}
html[lang=en] .tier .btn{white-space:normal;line-height:1.4}

/* Full homepage mobile audit: readable labels and controls within narrow columns. */
:root{--sig-3:#126d58;--faint:#626e66}
.head h2 em{background-image:linear-gradient(100deg,#126d58,#147a62)}
.sym .no{color:#126d58}
.bar-labels{display:none}
@media(max-width:1060px){
 .hero-grid,.insight-grid,.roi{grid-template-columns:minmax(0,1fr)}
 .timebars,.calc,.head{min-width:0}
 .topbar .brand{min-width:0;min-height:44px;display:flex;align-items:center;flex:0 1 148px;margin-right:8px}
 .topbar .brand img{object-fit:contain}
 .topbar nav{flex-shrink:0}
 .topbar .btn,.topbar nav a.lang-btn{min-height:44px}
 .topbar nav a.lang-btn{min-width:44px;height:44px;padding:8px;white-space:nowrap;margin:0 2px;flex-shrink:0}
 input[type=range]{display:block;height:44px;margin:0;background:transparent;touch-action:pan-y}
 input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--sig) var(--p,50%),#24382f var(--p,50%))}
 input[type=range]::-webkit-slider-thumb{margin-top:-8px}
 input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--sig) var(--p,50%),#24382f var(--p,50%))}
 input[type=range]:focus-visible{outline:2px solid var(--sig);outline-offset:2px}
 .tm-more{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}
 footer .links{gap:8px 22px}footer .links a,footer .soc a{min-height:44px;display:inline-flex;align-items:center}
 footer details summary{min-height:44px;padding:10px 0}
 .mock-row .a,.mock-row .b{white-space:normal;overflow:visible;overflow-wrap:anywhere}
}
@media(max-width:760px){
 .pill{max-width:100%}.pill > span:last-child{min-width:0}
 .hero-grid > div{min-width:0}
 .hero .cta-row .btn{white-space:normal;line-height:1.4;padding:14px 18px;min-height:48px}
 .hero .cta-row .btn > span[aria-hidden]{flex:none}
 .tb-h{gap:12px;align-items:flex-start}.tb-h b{min-width:0}.tb-h > span{flex:none}
 .bar{height:28px}
 .bar.with-legend .seg{min-width:0;flex-shrink:0;font-size:0!important;color:transparent!important}
 .bar-labels{display:flex;flex-wrap:wrap;gap:7px 12px;list-style:none;margin:12px 0 0;padding:0;color:#c2d4ca;font-size:12px;line-height:1.6}
 .bar-labels li{display:flex;gap:6px;align-items:baseline}
 .bar-labels i{width:8px;height:8px;border-radius:2px;flex:none;background:#758a7e}
 .bar-labels .green i{background:var(--sig)}.bar-labels .tool i{background:#8fb3a2}
 .guide-link{white-space:normal;line-height:1.5}.guide-link > span{flex:none}
 .calc-h{gap:10px;flex-wrap:wrap;letter-spacing:.08em}.calc-h b{flex:none}
 .fld label{gap:12px;align-items:flex-start}.fld label > span{min-width:0}.fld output{flex:none;white-space:nowrap}
 .calc .btn{display:flex;width:100%;white-space:normal;line-height:1.4;min-height:48px;padding:14px 18px}

}
@media(max-width:520px){.calc-out{grid-template-columns:minmax(0,1fr);gap:20px}.calc-out b{overflow-wrap:anywhere}}

@media(max-width:760px){.human-guide > div{flex:1;min-width:0}.method-foot span{display:block;margin-top:4px}}

/* Show the complete scenes on stacked mobile layouts. */
@media(max-width:860px){
 .human-hero .photo-window,.story-photo .photo-window{height:auto;clip-path:none}
 .human-hero .photo-window picture{height:auto}
 .human-hero .photo-window img,.story-photo .photo-window img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
 .human-hero figcaption{position:static;padding:22px;background:#07130d}
 .human-hero strong{margin-bottom:0}
}