@font-face{font-family:TBI Sans;src:url(/assets/TBISans-Regular-BoUj57Wm.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:TBI Sans;src:url(/assets/TBISans-Medium-IF9GUR_B.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:TBI Sans;src:url(/assets/TBISans-Bold-Bws1SHaq.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:TBI Sans;src:url(/assets/TBISans-ExtraBold-CUyZh55E.woff2) format("woff2");font-weight:800;font-display:swap}:root{--accent: #630d80;--accent-dark: #4c0a63;--lime: #aed244;--ink: #2b2b2b;--muted: #5a5a52;--slate: #3c4052;--line: #eaeae6;--line-2: #e3e3dd;--chip: #f4f4f0;--track: #efefea;--column: 760px;--gutter: clamp(16px, 4vw, 28px);--accent-soft: rgba(99, 13, 128, .07);--accent-edge: rgba(99, 13, 128, .25);--lime-soft: rgba(174, 210, 68, .2)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink);font-family:TBI Sans,Inter,system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-dark)}::-webkit-scrollbar{height:0;width:0}.app{min-height:100vh;background:#fff;display:flex;flex-direction:column}.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.hdr__top{max-width:var(--column);margin:0 auto;width:100%;padding:14px var(--gutter) 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}.brand{display:flex;align-items:center;gap:clamp(8px,2.5vw,16px);min-width:0;flex:0 1 auto}.brand__logo{height:auto;width:100%;min-width:0;object-fit:contain;display:block}.brand__logo--hazenberg{max-width:clamp(96px,28vw,150px)}.brand__logo--nicodebont{max-width:clamp(102px,30vw,158px)}.brand__rule{width:1px;height:18px;background:var(--line);flex:none}.langmenu{position:relative;flex:none}.langmenu__btn{display:flex;align-items:center;gap:6px;border:1px solid var(--line-2);font:inherit;font-weight:800;font-size:13px;padding:7px 10px;border-radius:999px;cursor:pointer;background:#fff;color:var(--accent);transition:background .14s ease,border-color .14s ease}.langmenu__btn:hover,.langmenu__btn[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent-edge)}.langmenu__code{letter-spacing:.04em}.langmenu__chev{display:flex;color:var(--muted);transition:transform .14s ease}.langmenu__chev--open{transform:rotate(180deg)}.langmenu__list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:170px;padding:6px;background:#fff;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 12px 28px #2b2b2b24;display:flex;flex-direction:column;gap:2px}.langmenu__item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);text-align:start;padding:9px 10px;border-radius:10px;cursor:pointer;transition:background .14s ease}.langmenu__item:hover{background:var(--chip)}.langmenu__item--active{background:var(--lime-soft);font-weight:700}.langmenu__item-code{flex:none;font-weight:800;font-size:11px;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 7px;min-width:30px;text-align:center}.langmenu__item--active .langmenu__item-code{background:var(--lime);color:var(--ink)}.langpick{border:1px solid var(--line-2);border-radius:16px;padding:14px;margin:0 0 22px;background:#fff}.langpick__label{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.langpick__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width: 560px){.langpick__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.langpick__btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;padding:10px 12px;cursor:pointer;text-align:start;transition:background .14s ease,border-color .14s ease}.langpick__btn:hover{border-color:var(--accent-edge);background:var(--accent-soft)}.langpick__btn--active{background:var(--lime-soft);border-color:var(--lime)}.langpick__code{font-weight:800;font-size:11px;letter-spacing:.1em;color:var(--muted)}.langpick__btn--active .langpick__code{color:var(--accent)}.langpick__native{font-weight:700;font-size:15px;color:var(--ink)}.chips{max-width:var(--column);margin:0 auto;width:100%;padding:12px var(--gutter);display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.chip{flex:none;border:1px solid var(--line-2);font:inherit;font-weight:700;font-size:13px;padding:7px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;background:#fff;color:var(--muted);transition:background .14s ease,color .14s ease,border-color .14s ease}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.main{flex:1;max-width:var(--column);width:100%;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column}.screen{background:#fff;padding:clamp(22px,6vw,44px) 0 clamp(28px,6vw,44px);flex:1}.meta{display:flex;align-items:center;gap:10px;margin:0 0 18px}.meta__kicker,.meta__counter{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.meta__kicker{color:var(--accent)}.meta__counter{color:var(--muted)}.bar{flex:1;height:3px;border-radius:999px;background:var(--track);overflow:hidden;display:block}.bar__fill{display:block;height:3px;border-radius:999px;background:var(--lime);transition:width .22s ease}.title{font-weight:800;color:var(--accent);font-size:clamp(26px,7vw,40px);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}.para{font-size:clamp(16px,4vw,17px);margin:0 0 14px;text-wrap:pretty}.figure{display:flex;justify-content:center;margin:0 0 18px}.figure__img{width:100%;height:auto;display:block}.figure__img--team{max-width:460px}.figure__img--folder{max-width:380px}.ladder{display:flex;flex-direction:column-reverse;gap:6px;margin:18px 0 4px}.rung{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;background:var(--accent-soft);color:var(--ink)}.rung--active{background:var(--accent);color:#fff}.rung__n{font-weight:800;font-size:15px;width:20px}.rung__label{font-weight:600;font-size:16px}.rung--active .rung__label{font-weight:800}.bullets__title{font-weight:700;font-size:16px;margin:20px 0 10px}.bullets{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}.bullet{display:flex;gap:12px;align-items:flex-start;background:var(--lime-soft);border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.45;text-wrap:pretty}.bullet__dot{flex:none;width:9px;height:9px;border-radius:999px;background:var(--accent);margin-top:8px}.after{font-weight:700;font-size:clamp(16px,4vw,17px);color:var(--accent);margin:20px 0 0;text-wrap:pretty}.summary{display:flex;flex-direction:column;align-items:center;margin:24px 0 0}.circle{list-style:none;margin:18px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}.circle__item{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;color:var(--slate)}.circle__dot{flex:none;width:7px;height:7px;border-radius:999px;background:var(--accent);margin-top:8px}.nav{display:flex;gap:10px;align-items:stretch;margin:clamp(28px,6vw,40px) 0 0}@media (max-width: 767px){.screen{padding-bottom:calc(var(--navbar-h, 84px) + 18px)}.nav{position:fixed;inset:auto 0 0;z-index:40;max-width:var(--column);margin:0 auto;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line)}}.nav__prev{flex:none;border:1px solid var(--accent-edge);background:#fff;color:var(--accent);font:inherit;font-weight:700;font-size:17px;width:52px;border-radius:999px;cursor:pointer;transition:background .14s ease}.nav__prev:hover:not(:disabled){background:#630d800f}.nav__prev:disabled{opacity:.35;cursor:default}.nav__next{flex:1;min-width:0;border:0;background:var(--accent);color:#fff;font:inherit;font-weight:800;font-size:16px;padding:15px 20px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;transition:background .14s ease}.nav__next:hover{background:var(--accent-dark)}.nav__next-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__next-icon{flex:none;font-size:17px}:where(.langmenu__btn,.langmenu__item,.langpick__btn,.chip,.nav__prev,.nav__next):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}