.hf-site .hf-workplace{--wp-gap:72px;color:var(--wp--preset--color--ink)}
.hf-site .hf-workplace p{margin:20px 0 0}
.hf-site .hf-workplace h2{font-size:clamp(30px,3vw,42px);line-height:1.23;letter-spacing:-.045em;margin:0;font-weight:600}
.hf-site .hf-workplace h3{font-size:23px;line-height:1.35;letter-spacing:-.035em;font-weight:600;margin:0}
.hf-site .hf-workplace .hf-eyebrow{font-size:12px;line-height:1.5;color:var(--wp--preset--color--green);margin:0 0 20px}
.hf-site .hf-workplace-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp-gap);align-items:center}
.hf-site .hf-workplace-hero{padding:80px 0 88px}
.hf-site .hf-workplace-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.14;letter-spacing:-.055em;margin:0;font-weight:600}
.hf-site .hf-workplace-hero .hf-workplace-lead{max-width:550px;margin-top:26px}
.hf-site .hf-workplace-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}
.hf-site .hf-workplace-hero .hf-workplace-note{font-size:13px;margin-top:28px;line-height:1.8}
.hf-site .hf-workplace-photo{aspect-ratio:1.08;border-radius:24px;overflow:hidden;background:var(--hf-neutral-surface);display:grid;place-items:center;position:relative}
.hf-site .hf-workplace-photo>span{font-size:14px;color:var(--wp--preset--color--muted)}
.hf-site .hf-workplace-photo img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.hf-site .hf-workplace-photo:has(img)>span{display:none}
.hf-site .hf-workplace-problem{background:var(--hf-neutral-surface);padding:68px 0}
.hf-site .hf-workplace-problem .hf-workplace-split{align-items:start}
.hf-site .hf-workplace-problem p:first-child{margin-top:0}
.hf-site .hf-workplace-problem .hf-workplace-emphasis{font-weight:600}
.hf-site .hf-workplace-section{padding:96px 0}
.hf-site .hf-workplace-heading{max-width:760px;margin-bottom:42px}
.hf-site .hf-workplace-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hf-site .hf-workplace-product{display:flex;align-items:flex-start;flex-direction:column;padding:28px 24px;border:1px solid #dce5e1;border-radius:20px;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease}
.hf-site .hf-workplace-product:hover{transform:translateY(-4px);border-color:var(--wp--preset--color--mint)}
.hf-site .hf-workplace-icon{width:48px;height:48px;display:grid;place-items:center;color:white;background:var(--wp--preset--color--mint);border-radius:14px;margin-bottom:28px}
.hf-site .hf-workplace-product h3{font-size:21px}
.hf-site .hf-workplace-product p{margin:14px 0 28px}
.hf-site .hf-workplace-product .hf-text-link{margin-top:auto;font-size:14px;gap:10px}
.hf-site .hf-workplace-product .hf-text-link svg{flex-shrink:0}
.hf-site .hf-workplace-trust{padding:80px 0;background:var(--wp--preset--color--dark);color:white}
.hf-site .hf-workplace-trust h2{color:var(--wp--preset--color--mint-soft)}
.hf-site .hf-workplace-trust .hf-workplace-split>p{margin-top:0}
.hf-site .hf-workplace-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px}
.hf-site .hf-workplace-trust .hf-workplace-three{margin-top:54px;padding-top:40px;border-top:1px solid #ffffff25}
.hf-site .hf-workplace-number{display:block;font-size:14px;font-weight:600;color:var(--wp--preset--color--mint);margin-bottom:18px}
.hf-site .hf-workplace-step{display:grid;place-items:center;background:var(--hf-neutral-surface);color:var(--wp--preset--color--green);font-family:Sora,sans-serif;font-weight:600;font-size:22px;width:52px;height:52px;border-radius:50%;margin-bottom:24px}
.hf-site .hf-workplace-story-grid{background:var(--hf-neutral-surface);display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden}
.hf-site .hf-workplace-story-photo img{width:100%;height:100%;object-fit:cover;min-height:420px}
.hf-site .hf-workplace-story-copy{padding:52px;align-self:center}
.hf-site .hf-workplace-story-copy h2{font-size:34px}
.hf-site .hf-workplace-story-copy .hf-text-link{margin-top:28px}
.hf-site .hf-workplace-faq .hf-workplace-split{align-items:start;grid-template-columns:.8fr 1.2fr}
.hf-site .hf-workplace-faq details{border-bottom:1px solid #dce5e1;padding:22px 0}
.hf-site .hf-workplace-faq details:first-child{padding-top:0}
.hf-site .hf-workplace-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:18px;line-height:1.5;font-weight:600;list-style:none}
.hf-site .hf-workplace-faq summary::-webkit-details-marker{display:none}
.hf-site .hf-workplace-faq summary span{color:var(--wp--preset--color--green);font-size:25px;transition:transform .2s ease}
.hf-site .hf-workplace-faq details[open] summary span{transform:rotate(45deg)}
.hf-site .hf-workplace-faq details p{margin-top:14px}
.hf-site .hf-workplace a:focus-visible,.hf-site .hf-workplace summary:focus-visible{outline:3px solid var(--wp--preset--color--green);outline-offset:5px}

@media(max-width:1100px){.hf-site .hf-workplace{--wp-gap:40px}
.hf-site .hf-workplace-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.hf-site .hf-workplace-three{gap:30px}
.hf-site .hf-workplace-story-copy{padding:36px}
}

@media(max-width:760px){.hf-site .hf-workplace-split,.hf-site .hf-workplace-faq .hf-workplace-split,.hf-site .hf-workplace-story-grid{grid-template-columns:1fr}
.hf-site .hf-workplace-hero{padding:40px 0 56px}
.hf-site .hf-workplace-hero h1{font-size:38px}
.hf-site .hf-workplace-photo{aspect-ratio:1.5}
.hf-site .hf-workplace-section{padding:60px 0}
.hf-site .hf-workplace-problem,.hf-site .hf-workplace-trust{padding:52px 0}
.hf-site .hf-workplace-three{grid-template-columns:1fr;gap:34px}
.hf-site .hf-workplace-trust .hf-workplace-three{margin-top:34px}
.hf-site .hf-workplace-story-photo img{min-height:0;aspect-ratio:1.5}
.hf-site .hf-workplace-story-copy{padding:30px}
.hf-site .hf-workplace-story-copy h2{font-size:28px}
.hf-site .hf-workplace-heading{margin-bottom:30px}
}

@media(max-width:480px){.hf-site .hf-workplace-products{grid-template-columns:1fr;gap:18px}
.hf-site .hf-workplace-product{padding:26px}
.hf-site .hf-workplace-icon{margin-bottom:20px}
.hf-site .hf-workplace-actions{gap:22px}
.hf-site .hf-workplace h2{font-size:29px}
}

@media(prefers-reduced-motion:reduce){.hf-site .hf-workplace-product,.hf-site .hf-workplace-faq summary span{transition:none}
.hf-site .hf-workplace-product:hover{transform:none}
}
/* Match the indicator to the requested state while the closing panel is still open. */
.hf-site .hf-workplace-faq details[data-faq-expanded="false"] summary span{transform:rotate(0deg)}
.hf-site .hf-workplace-faq details[data-faq-expanded="true"] summary span{transform:rotate(45deg)}
/* Editorial question with a distinct answer panel. */
.hf-site .hf-workplace-problem{padding:76px 0}
.hf-site .hf-workplace-problem .hf-workplace-split{align-items:center;gap:64px}
.hf-site .hf-workplace-problem h2{font-size:clamp(36px,4vw,56px);max-width:540px;line-height:1.16}
.hf-site .hf-workplace-question-accent{color:var(--wp--preset--color--green);display:block}
.hf-site .hf-workplace-answer{background:var(--wp--preset--color--white);border-radius:20px;padding:34px 36px}
.hf-site .hf-workplace-problem .hf-workplace-emphasis{font-weight:400;margin-top:22px}

@media(max-width:760px){.hf-site .hf-workplace-problem{padding:48px 0}
.hf-site .hf-workplace-problem .hf-workplace-split{gap:28px}
.hf-site .hf-workplace-problem h2{font-size:36px}
.hf-site .hf-workplace-answer{padding:26px}
}
/* Keep question text and toggle centered on the same row. */
.hf-site .hf-workplace-faq summary{align-items:center;min-height:32px}
.hf-site .hf-workplace-faq summary span{display:flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;line-height:1}
.hf-site .hf-workplace-netherlands{padding:88px 0;background:var(--hf-neutral-surface)}
.hf-site .hf-workplace-datacenter{aspect-ratio:1;border-radius:24px;overflow:hidden}
.hf-site .hf-workplace-datacenter img{width:100%;height:100%;object-fit:cover}
.hf-site .hf-workplace-steps-dark{background:var(--wp--preset--color--dark);color:white}
.hf-site .hf-workplace-steps-dark h2{color:var(--wp--preset--color--mint-soft)}
.hf-site .hf-workplace-steps-dark .hf-workplace-step{background:var(--wp--preset--color--mint-soft);color:var(--wp--preset--color--green)}
.hf-site .hf-workplace-steps-dark+.hf-workplace-story{padding-top:88px}

@media(max-width:760px){.hf-site .hf-workplace-netherlands{padding:56px 0}
.hf-site .hf-workplace-datacenter{aspect-ratio:1.3}
.hf-site .hf-workplace-steps-dark+.hf-workplace-story{padding-top:56px}
}
/* A geographical answer to the data-location question. */
.hf-site .hf-data-question{overflow:hidden;padding:88px 0;background:var(--hf-neutral-surface)}
.hf-site .hf-data-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.hf-site .hf-data-copy{max-width:540px}
.hf-site .hf-data-copy h2{font-size:clamp(38px,4vw,56px)}
.hf-site .hf-data-copy .hf-data-intro{margin-top:28px}
.hf-site .hf-data-copy>p:last-child{margin-top:20px}
.hf-site .hf-data-visual{position:relative;width:100%;aspect-ratio:520/500;isolation:isolate;margin-top:100px}
.hf-site .hf-data-visual:before{content:'';position:absolute;inset:10% -5% 4%;background:radial-gradient(ellipse,#44b6ac25,transparent 67%);z-index:-1}
.hf-site .hf-data-country,.hf-site .hf-data-routes{position:absolute;inset:0;width:100%;height:96%}
.hf-site .hf-data-country path{fill:#44b6ac24;stroke:var(--wp--preset--color--mint);stroke-width:1.3;stroke-linejoin:round}
.hf-site .hf-data-routes path{fill:none;stroke:var(--wp--preset--color--green);stroke-width:1.5;stroke-dasharray:4 7;opacity:.55;animation:hf-data-flow 8s linear infinite}
.hf-site .hf-data-item{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;background:white;border-radius:14px;box-shadow:0 8px 28px #143d3310;font-size:15px;font-weight:600;white-space:nowrap}
.hf-site .hf-data-item>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--wp--preset--color--promise);color:var(--wp--preset--color--green)}
.hf-site .hf-data-item-0{left:2%;top:15%}
.hf-site .hf-data-item-1{right:0;top:37%}
.hf-site .hf-data-item-2{left:3%;top:71%}
.hf-site .hf-data-location{position:absolute;top:47%;left:50%;transform:translate(-50%,-15%);display:flex;align-items:center;flex-direction:column;width:max-content;max-width:90%;text-align:center}
.hf-site .hf-data-location strong{font-family:Sora,sans-serif;font-size:20px;letter-spacing:-.04em;color:var(--wp--preset--color--green);padding:8px 0;margin-top:14px;text-shadow:0 0 16px var(--hf-neutral-surface),0 0 8px var(--hf-neutral-surface)}
.hf-site .hf-data-location>span:last-child{font-size:12px;color:var(--wp--preset--color--green);margin-top:8px;font-weight:600}
.hf-site .hf-data-beacon{width:14px;height:14px;background:var(--wp--preset--color--green);border:3px solid white;border-radius:50%;box-shadow:0 0 0 8px #44b6ac25;position:relative}
.hf-site .hf-data-beacon:after{content:'';position:absolute;inset:-10px;border:1px solid var(--wp--preset--color--mint);border-radius:50%;animation:hf-data-beacon 3.5s ease-out infinite}
.hf-site .hf-data-visual .hf-data-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:12px;margin:0;color:var(--wp--preset--color--muted)}

@keyframes hf-data-flow{to{stroke-dashoffset:-88}
}

@keyframes hf-data-beacon{0%{transform:scale(.7);opacity:.8}
80%,100%{transform:scale(1.6);opacity:0}
}

@media(max-width:1000px){.hf-site .hf-data-layout{gap:32px}
.hf-site .hf-data-item{font-size:13px;padding:11px;gap:8px}
.hf-site .hf-data-location strong{font-size:17px}
}

@media(max-width:760px){.hf-site .hf-data-question{padding:48px 0}
.hf-site .hf-data-layout{grid-template-columns:1fr;gap:28px}
.hf-site .hf-data-copy{max-width:none}
.hf-site .hf-data-copy h2{font-size:38px}
.hf-site .hf-data-visual{max-width:520px;margin:auto}
.hf-site .hf-data-copy .hf-data-intro{margin-top:24px}
}

@media(max-width:380px){.hf-site .hf-data-item{padding:8px;font-size:12px}
.hf-site .hf-data-item>span{width:28px;height:28px}
.hf-site .hf-data-location strong{font-size:15px;padding:10px 12px}
}

@media(prefers-reduced-motion:reduce){.hf-site .hf-data-routes path,.hf-site .hf-data-beacon:after{animation:none}
.hf-site .hf-data-beacon:after{display:none}
}