{"id":35151,"date":"2026-11-04T19:54:32","date_gmt":"2026-11-04T19:54:32","guid":{"rendered":"https:\/\/remote-opus.com\/demo\/"},"modified":"2026-11-04T20:49:58","modified_gmt":"2026-11-04T20:49:58","slug":"demo","status":"publish","type":"page","link":"https:\/\/remote-opus.com\/en\/demo\/","title":{"rendered":"Book a demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35151\" class=\"elementor elementor-35151\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-81f5565 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"81f5565\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3251591\" data-id=\"3251591\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca98d5e elementor-widget elementor-widget-html\" data-id=\"ca98d5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style data-ro=\"site-apple.css\">\n:root{\n  --canvas:#FBFCFB;\n  --band:#F2F5F3;\n  --panel:#FFFFFF;\n  --well:#F2F5F3;\n  --well-2:#E9EEEB;\n  --accent:#4CAF7D;\n  --accent-ink:#2A7650;\n  --accent-muted:#DDF0E5;\n  --btn:#2A7650;\n  --btn-hover:#235F42;\n  --text-primary:#121916;\n  --text-secondary:#5E6964;\n  --text-tertiary:#8A938E;\n  --line:rgba(18,25,22,.08);\n  --line-2:rgba(18,25,22,.14);\n  --line-strong:#B5BEB9;\n  --ph-bg:#E6ECE8;\n  --ph-line:#9AA8A0;\n  --deep:#0C110E;\n  --deep-2:#161C18;\n  --deep-line:rgba(243,246,244,.12);\n  --on-deep:#F3F6F4;\n  --on-deep-2:#A7B1AB;\n\n  --sans:-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",Inter,\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n\n  --ease:cubic-bezier(.32,.72,0,1);\n  --ease-io:cubic-bezier(.65,0,.35,1);\n  --r-xl:30px;--r-lg:24px;--r-md:18px;--r-sm:12px;\n  --wrap:1200px;\n  --gut:40px;\n  --shadow-win:0 1px 2px rgba(18,25,22,.06),0 24px 60px -24px rgba(18,25,22,.28),0 60px 120px -50px rgba(18,25,22,.25);\n  --shadow-card:0 1px 2px rgba(18,25,22,.03),0 10px 30px -18px rgba(18,25,22,.14);\n}#ro-site *, #ro-site *::before, #ro-site *::after{box-sizing:border-box}html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{overflow-x:hidden;overflow-x:clip}body #ro-site{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--sans);font-size:17px;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#ro-site img, #ro-site video, #ro-site svg{display:block;max-width:100%}#ro-site a{color:inherit}#ro-site button, #ro-site input, #ro-site select, #ro-site textarea{font:inherit;color:inherit;letter-spacing:inherit}#ro-site h1, #ro-site h2, #ro-site h3, #ro-site h4, #ro-site p, #ro-site ul, #ro-site ol, #ro-site figure, #ro-site blockquote{margin:0}#ro-site ul, #ro-site ol{padding:0;list-style:none}#ro-site ::selection{background:var(--accent-muted)}#ro-site :focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:6px}#ro-site .skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--deep);color:var(--on-deep);\n  padding:10px 16px;border-radius:10px;text-decoration:none;transition:transform .3s var(--ease)}#ro-site .skip:focus{transform:translateY(76px)}#ro-site .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#ro-site .wrap{width:min(var(--wrap),100% - var(--gut)*2);margin-inline:auto}#ro-site main{display:block}#ro-site main:focus{outline:none}#ro-site .tab{font-variant-numeric:tabular-nums}#ro-site .h1{font-weight:600;font-size:clamp(44px,6.2vw,88px);line-height:1.02;letter-spacing:-.022em}#ro-site .h2{font-weight:600;font-size:clamp(34px,4.2vw,56px);line-height:1.08;letter-spacing:-.014em;max-width:20ch;text-wrap:balance}#ro-site .h3{font-weight:600;font-size:26px;line-height:1.15;letter-spacing:-.012em}:root{--heading:#14523A}#ro-site h1, #ro-site h2, #ro-site h3{color:var(--heading)}#ro-site .w-label, #ro-site .sx-text h3{color:var(--text-primary)}#ro-site .lede{font-size:21px;line-height:1.42;letter-spacing:.002em;color:var(--text-secondary);max-width:54ch;text-wrap:pretty}#ro-site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:999px;border:0;\n  background:var(--btn);color:#fff;font-weight:400;font-size:17px;letter-spacing:-.005em;text-decoration:none;cursor:pointer;\n  transition:background-color .35s var(--ease),transform .35s var(--ease)}#ro-site .btn:hover{background:var(--btn-hover)}#ro-site .btn:active{transform:scale(.98)}#ro-site .btn-sm{min-height:38px;padding:0 17px;font-size:14.5px;font-weight:500;letter-spacing:-.005em}#ro-site .btn-ghost{background:var(--text-primary);color:#fff}#ro-site .btn-ghost:hover{background:#000}#ro-site .tlink{display:inline-flex;align-items:center;gap:7px;font-weight:400;font-size:17px;letter-spacing:-.005em;text-decoration:none;\n  color:var(--accent-ink);min-height:44px}#ro-site .tlink .chev{width:9px;height:14px;flex:none;transition:transform .35s var(--ease)}#ro-site .tlink:hover{text-decoration:underline;text-underline-offset:3px}#ro-site .tlink:hover .chev{transform:translateX(2px)}@media (pointer:coarse){#ro-site .btn{min-height:48px}}#ro-site .nav{position:sticky;top:0;z-index:50;background:rgba(251,252,251,.78);\n  -webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}#ro-site .nav::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(18,25,22,.1);opacity:0;transition:opacity .4s var(--ease)}#ro-site .nav.scrolled::after{opacity:1}#ro-site .nav-in{display:flex;align-items:center;gap:24px;height:64px}#ro-site .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.02em;min-height:44px}#ro-site .brand-mark{width:32px;height:26px;overflow:hidden;flex:none}#ro-site .brand-mark img{width:32px;height:auto}#ro-site .nav-links{display:flex;gap:6px;margin-inline:auto}#ro-site .nav-links a{font-size:15.5px;font-weight:500;letter-spacing:-.008em;color:var(--text-primary);opacity:.82;text-decoration:none;\n  padding:8px 12px;border-radius:999px;transition:opacity .3s var(--ease)}#ro-site .nav-links a:hover{opacity:1}#ro-site .nav-end{display:flex;align-items:center;gap:12px}#ro-site .nav-login{font-size:15.5px;font-weight:500;color:var(--text-primary);opacity:.82;text-decoration:none;padding:8px 10px;border-radius:999px;transition:opacity .3s var(--ease)}#ro-site .nav-login:hover{opacity:1}#ro-site .nav-toggle{display:none;width:44px;height:44px;border-radius:999px;border:0;background:transparent;cursor:pointer;align-items:center;justify-content:center}#ro-site .nav-toggle span{display:block;width:18px;height:1.5px;background:var(--text-primary);position:relative;transition:transform .4s var(--ease),background-color .2s}#ro-site .nav-toggle span::before, #ro-site .nav-toggle span::after{content:\"\";position:absolute;left:0;width:18px;height:1.5px;background:var(--text-primary);transition:transform .4s var(--ease)}#ro-site .nav-toggle span::before{transform:translateY(-6px)}#ro-site .nav-toggle span::after{transform:translateY(6px)}#ro-site .nav.open .nav-toggle span{background:transparent}#ro-site .nav.open .nav-toggle span::before{transform:rotate(45deg)}#ro-site .nav.open .nav-toggle span::after{transform:rotate(-45deg)}#ro-site .sheet{display:none}#ro-site .sec{padding-block:128px;position:relative}#ro-site .sec.band{background:var(--band)}#ro-site #demo{padding-bottom:0}#ro-site .sec-head, #ro-site .sec-head-center, #ro-site .sec-head-stack{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:64px}#ro-site .sec-head > div{display:flex;flex-direction:column;align-items:center}#ro-site .sec-head .h2, #ro-site .sec-head-center .h2, #ro-site .sec-head-stack .h2{max-width:22ch}#ro-site .sec-head .lede, #ro-site .sec-head-center .lede, #ro-site .sec-head-stack .lede{margin-top:20px;max-width:56ch}#ro-site [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}#ro-site [data-reveal].in{opacity:1;transform:none}#ro-site .stagger > *{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease),box-shadow .5s var(--ease);transition-delay:calc(var(--i,0)*80ms)}#ro-site .stagger.in > *{opacity:1;transform:none}#ro-site .stagger.in.done > *{transition-delay:0ms}#ro-site .zoom{position:relative}#ro-site .zoom > .zi{transform:scale(.97);opacity:0;transform-origin:50% 40%;transition:transform 1.2s var(--ease),opacity .9s var(--ease)}#ro-site .zoom.in > .zi{transform:none;opacity:1}#ro-site .ph{position:relative;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--ph-bg);\n  border:1px dashed var(--ph-line);padding:20px;overflow:hidden}#ro-site .ph > span{font-weight:500;font-size:13px;line-height:1.5;color:var(--text-secondary);text-align:center;max-width:34ch}#ro-site .ph-169{aspect-ratio:16\/9}#ro-site .ph-1610{aspect-ratio:16\/10}#ro-site .ph-43{aspect-ratio:4\/3}#ro-site .ph-32{aspect-ratio:3\/2}#ro-site .ph-219{aspect-ratio:21\/9}#ro-site .ph-45{aspect-ratio:4\/5}#ro-site [data-placeholder]{position:relative}#ro-site [data-placeholder]::after{content:attr(data-placeholder);position:absolute;top:14px;right:14px;z-index:3;\n  font-weight:500;font-size:11.5px;line-height:1.35;color:var(--on-deep);\n  background:rgba(12,17,14,.72);padding:6px 10px;border-radius:8px;max-width:min(70%,420px);pointer-events:none}#ro-site .hero{padding-top:84px;padding-bottom:0;text-align:center;overflow:visible}#ro-site .hero-top{display:flex;justify-content:center}#ro-site .hero-main{max-width:960px}#ro-site .hero .h1 .ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}#ro-site .hero .h1 .ln > span{display:block;transform:translateY(105%);transition:transform 1s var(--ease)}#ro-site .hero .h1 .ln:nth-child(2) > span{transition-delay:.08s}.ready #ro-site .hero .h1 .ln > span{transform:none}#ro-site .hero-main .hero-side{margin-top:28px;display:flex;flex-direction:column;align-items:center;\n  opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease) .25s,transform .9s var(--ease) .25s}.ready #ro-site .hero-side{opacity:1;transform:none}#ro-site .hero-side .lede{font-size:clamp(19px,1.6vw,22px);max-width:64ch;margin:0 auto 16px}#ro-site .hrm{display:inline-flex;align-items:center;gap:10px;margin:0 0 32px;font-size:17px;font-weight:500;letter-spacing:-.012em;line-height:1.35;text-align:left}#ro-site .hrm svg{flex:none;width:18px;height:18px;padding:3px;box-sizing:content-box;border-radius:999px;color:#fff;background:var(--accent)}#ro-site .cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 28px}#ro-site .hero-photo{position:relative;z-index:0;margin:56px auto 0;width:100%;aspect-ratio:2.7\/1;overflow:hidden;border-radius:var(--r-xl);background:var(--well)}#ro-site .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}#ro-site .hero-stage{margin-top:-120px;position:relative;z-index:2;width:min(100%,1120px);margin-inline:auto;transform-origin:50% 0;will-change:transform}#ro-site .hero-stage::before{content:\"\";position:absolute;inset:10% 8% -8%;border-radius:50%;z-index:-1;\n  background:radial-gradient(closest-side,rgba(76,175,125,.2),transparent);filter:blur(50px)}#ro-site .hero-stage .zi{transition-delay:.3s}#ro-site .dash{background:var(--panel);border-radius:22px;box-shadow:var(--shadow-win);overflow:hidden;\n  border:1px solid rgba(18,25,22,.06);font-size:15px;text-align:left;letter-spacing:-.008em}#ro-site .dash-chrome{display:flex;align-items:center;gap:14px;height:50px;padding:0 18px;border-bottom:1px solid var(--line);background:#F7F9F8}#ro-site .dots3{display:flex;gap:8px}#ro-site .dots3 i{width:12px;height:12px;border-radius:50%;display:block}#ro-site .dots3 i:nth-child(1){background:#FF5F57}#ro-site .dots3 i:nth-child(2){background:#FEBC2E}#ro-site .dots3 i:nth-child(3){background:#28C840}#ro-site .chrome-title{font-size:13px;font-weight:500;color:var(--text-secondary);margin-inline:auto}#ro-site .chrome-tag{font-size:12px;font-weight:500;color:var(--text-secondary);background:rgba(18,25,22,.06);padding:4px 10px;border-radius:999px;white-space:nowrap}#ro-site .dash-body{display:grid;grid-template-columns:220px minmax(0,1fr)}#ro-site .dash-side{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:20px;background:#F7F9F8}#ro-site .side-brand{display:flex;align-items:center;gap:9px;padding:0 10px;font-weight:600;font-size:14px;letter-spacing:-.01em}#ro-site .side-brand .brand-mark{width:20px;height:17px}#ro-site .side-brand .brand-mark img{width:20px}#ro-site .side-nav{display:flex;flex-direction:column;gap:2px}#ro-site .side-btn{width:100%;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 10px;border-radius:9px;\n  border:0;background:none;cursor:pointer;text-align:left;transition:background-color .3s var(--ease),color .3s var(--ease)}#ro-site .side-btn svg{width:17px;height:17px;flex:none;opacity:.85}#ro-site .side-btn:hover{background:rgba(18,25,22,.05);color:var(--text-primary)}#ro-site .side-btn[aria-pressed=\"true\"]{background:rgba(18,25,22,.07);color:var(--text-primary)}#ro-site .dash .w.solo{grid-column:1 \/ -1}#ro-site .dash .w[hidden]{display:none}#ro-site .side-foot{margin-top:auto;padding:14px 10px 2px;border-top:1px solid var(--line);font-size:12px;font-weight:500;color:var(--text-secondary);line-height:1.5}#ro-site .side-foot b{display:block;font-weight:600;color:var(--text-primary);font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0}#ro-site .dash-main{padding:22px 24px 24px;min-width:0}#ro-site .dash-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}#ro-site .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;\n  font-weight:600;font-size:13px;letter-spacing:.02em;color:var(--accent-ink);background:var(--accent-muted)}#ro-site .avatar.fm{background:#E7ECE9;color:var(--text-secondary);width:32px;height:32px;font-size:11px}#ro-site .who{display:flex;align-items:center;gap:12px;min-width:0}#ro-site .who strong{display:block;font-weight:600;font-size:16px;line-height:1.25;letter-spacing:-.015em}#ro-site .who small{display:block;font-size:12.5px;color:var(--text-secondary);margin-top:2px}#ro-site .head-state{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--accent-ink);\n  background:var(--accent-muted);padding:6px 12px 6px 10px;border-radius:999px}#ro-site .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);position:relative;flex:none}#ro-site .pulse::after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:pulse 3.6s var(--ease) -1.2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(3);opacity:0}}#ro-site .grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}#ro-site .w{background:var(--well);border-radius:var(--r-md);padding:18px;min-width:0;position:relative}#ro-site .w-7{grid-column:span 7}#ro-site .w-5{grid-column:span 5}#ro-site .w-12{grid-column:span 12}#ro-site .w-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;min-height:22px}#ro-site .w-label{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--text-primary)}#ro-site .w-top .meta{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .att-today{font-size:17px;color:var(--text-secondary);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:16px}#ro-site .att-today .t{font-weight:600;font-size:36px;letter-spacing:-.02em;color:var(--text-primary);line-height:1;display:inline-flex;font-variant-numeric:tabular-nums}#ro-site .att-today .t > span{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(.55s + var(--i)*110ms)}#ro-site .live .att-today .t > span{opacity:1;transform:none}#ro-site .week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#ro-site .day{appearance:none;border:0;background:none;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:7px;border-radius:12px}#ro-site .day .d{font-size:13px;font-weight:500;color:var(--text-secondary);padding-left:2px;transition:color .3s var(--ease)}#ro-site .day .cell{position:relative;height:48px;border-radius:12px;background:var(--panel);overflow:hidden;display:flex;align-items:flex-end;\n  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}#ro-site .day .fill{position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:50% 100%;\n  transition:transform .7s var(--ease);transition-delay:calc(.9s + var(--i)*120ms)}#ro-site .live .day .fill{transform:none}#ro-site .day .ct{position:relative;font-size:12.5px;font-weight:600;color:#fff;padding:0 0 8px 10px;opacity:0;font-variant-numeric:tabular-nums;\n  transition:opacity .5s var(--ease);transition-delay:calc(1.2s + var(--i)*120ms)}#ro-site .live .day .ct{opacity:1}#ro-site .day:hover .cell{transform:translateY(-2px)}#ro-site .day[aria-pressed=\"true\"] .cell{box-shadow:0 0 0 2px var(--well),0 0 0 4px var(--text-primary)}#ro-site .day.late .fill{background:#F2C14E}#ro-site .day.late .ct{color:var(--text-primary)}#ro-site .zv-att .row i.late{background:#F2C14E}#ro-site .day[aria-pressed=\"true\"] .d{color:var(--text-primary)}#ro-site .dash.done .day .fill, #ro-site .dash.done .day .ct, #ro-site .dash.done .att-today .t > span, #ro-site .dash.done .dot-on::after{transition-delay:0ms}#ro-site .week-hint{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .week-hint svg{width:14px;height:14px}#ro-site .dd{margin-top:12px;border-radius:14px;background:var(--panel);padding:13px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:baseline}#ro-site .dd-day{font-size:13px;font-weight:600;color:var(--text-primary)}#ro-site .dd .dd-day{display:inline-flex;gap:10px;align-items:center}#ro-site .dd-time{font-size:13px;font-weight:500;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}#ro-site .dd-note{grid-column:1 \/ -1;font-size:15px;line-height:1.45;color:var(--text-primary);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}#ro-site .dd-note .who-n{font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .dd.swap .dd-day, #ro-site .dd.swap .dd-time, #ro-site .dd.swap .dd-note{opacity:0;transform:translateY(3px)}#ro-site .dd .dd-day, #ro-site .dd .dd-time, #ro-site .dd .dd-note{transition:opacity .22s var(--ease),transform .32s var(--ease)}#ro-site .w-rate{display:flex;flex-direction:column}#ro-site .rate{display:flex;flex-direction:column;gap:2px;flex:1;justify-content:space-between}#ro-site .rate li{border-bottom:1px solid var(--line-2)}#ro-site .rate li:last-child{border-bottom:0}#ro-site .rate-row{width:100%;display:flex;align-items:center;gap:12px;padding:9px 0;background:none;border:0;cursor:pointer;text-align:left;color:inherit;border-radius:8px}#ro-site .rate-row::after{content:\"\";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.45;flex:none;margin:-3px 2px 0 2px;transition:transform .35s var(--ease)}#ro-site .rate li.open .rate-row::after{transform:rotate(-135deg);margin-top:3px}#ro-site .rate .rl{font-size:15px;font-weight:500}#ro-site .rate-note{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}#ro-site .rate-note > span{display:block;overflow:hidden;font-size:14px;line-height:1.45;color:var(--text-secondary)}#ro-site .rate li.open .rate-note{grid-template-rows:1fr}#ro-site .rate li.open .rate-note > span{padding-bottom:11px}#ro-site .dots{display:inline-flex;gap:6px;margin-left:auto}#ro-site .dots i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C4CEC8;position:relative;display:block}#ro-site .dots .dot-on::after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--accent);transform:scale(0);\n  transition:transform .55s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(1.1s + var(--i)*55ms)}#ro-site .live .dots .dot-on::after{transform:none}#ro-site .rate .rv{font-size:12.5px;font-weight:500;color:var(--text-secondary);width:28px;text-align:right;font-variant-numeric:tabular-nums}#ro-site .talk{display:flex;gap:14px;align-items:flex-start}#ro-site .talk .avatar{margin-top:2px}#ro-site .talk-body{min-width:0;flex:1}#ro-site .talk-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}#ro-site .talk-tab{border:0;background:rgba(18,25,22,.06);color:var(--text-secondary);font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:999px;cursor:pointer;transition:background-color .3s var(--ease),color .3s var(--ease)}#ro-site .talk-tab:hover{color:var(--text-primary)}#ro-site .talk-tab[aria-selected=\"true\"]{background:var(--text-primary);color:#fff}#ro-site .sum{font-size:15.5px;line-height:1.5}#ro-site #talkSum{display:block;transition:opacity .22s var(--ease)}#ro-site #talkSum.swap{opacity:0}#ro-site .sum-l{display:block;font-size:12.5px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}#ro-site .dev{display:flex;flex-direction:column;gap:10px}#ro-site .dev li{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:14px;background:var(--panel)}#ro-site .dev .dt{font-size:15px;line-height:1.35;min-width:0;font-weight:500}#ro-site .pill{margin-left:auto;flex:none;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;\n  background:rgba(18,25,22,.07);color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}#ro-site .dev .pill{border:0;cursor:pointer;transition:background-color .3s var(--ease),color .3s var(--ease)}#ro-site .pill.on{background:var(--accent-muted);color:var(--accent-ink)}#ro-site .pill.done{background:var(--accent);color:#fff}#ro-site .pill.done::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#fff}#ro-site .pill.on::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--accent)}#ro-site .fb-row{display:flex;gap:10px}#ro-site .fb-in{flex:1;min-width:0;height:48px;border-radius:14px;border:1px solid var(--line-2);padding:0 16px;font-size:15px;\n  background:var(--panel);transition:box-shadow .3s var(--ease),border-color .3s var(--ease)}#ro-site .fb-in::placeholder{color:#7C8781}#ro-site .fb-in:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 4px rgba(76,175,125,.18)}#ro-site .fb-btn{min-height:48px;font-size:15px;padding:0 20px}#ro-site .fb-to{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .fb-thread{display:flex;flex-direction:column;gap:8px;margin-top:12px}#ro-site .fb-thread:empty{display:none}#ro-site .msg{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.4;animation:fadeup .5s var(--ease) both}#ro-site .msg .avatar{width:26px;height:26px;font-size:9.5px;margin-top:2px}#ro-site .msg p{background:var(--panel);border-radius:12px;padding:9px 12px;max-width:60ch}#ro-site .msg.me p{background:var(--accent-muted)}#ro-site .msg small{display:block;font-size:11.5px;color:var(--text-secondary);margin:3px 0 0 4px}#ro-site .fb-to .avatar{width:24px;height:24px;font-size:9.5px}#ro-site .logos{padding-block:64px 96px}#ro-site .logos-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:34px;flex-wrap:wrap}#ro-site .logos-head h2{font-weight:500;font-size:15px;color:var(--text-secondary);letter-spacing:-.005em}#ro-site .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#ro-site .mq-track{display:flex;width:max-content;animation:marquee 60s linear infinite;animation-play-state:paused}#ro-site .marquee.run .mq-track{animation-play-state:running}#ro-site .marquee:hover .mq-track{animation-play-state:paused}#ro-site .mq-set{display:flex;align-items:center;gap:64px;padding-right:64px}#ro-site .mq-set img{height:40px;width:auto;opacity:.62}@keyframes marquee{to{transform:translateX(-50%)}}#ro-site .tag-ph{font-weight:500;font-size:12px;color:var(--text-secondary);border:1px dashed var(--ph-line);border-radius:999px;padding:3px 10px;background:var(--ph-bg)}#ro-site .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#ro-site .tile{position:relative;background:var(--panel);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;\n  box-shadow:var(--shadow-card);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}#ro-site .tile:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(18,25,22,.03),0 26px 50px -30px rgba(18,25,22,.25)}#ro-site .tile-img{display:block;aspect-ratio:16\/10;overflow:hidden;background:var(--well)}#ro-site .tile-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}#ro-site .tile:hover .tile-img img{transform:scale(1.04)}#ro-site .tile-body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}#ro-site .t-tag{font-size:17px;font-weight:600;letter-spacing:-.005em;color:var(--accent-ink)}#ro-site .prob{font-weight:600;font-size:25px;line-height:1.18;letter-spacing:-.014em;max-width:24ch}#ro-site .prob a{text-decoration:none;color:inherit}#ro-site .prob a:hover{text-decoration:underline;text-underline-offset:3px}#ro-site .sol{font-size:16.5px;line-height:1.5;color:var(--text-secondary);max-width:58ch}#ro-site .res{margin-top:auto;padding-top:6px;font-weight:600;font-size:16px;line-height:1.35;display:flex;gap:8px;align-items:flex-start}#ro-site .res svg{width:17px;height:17px;flex:none;margin-top:1px;color:var(--accent-ink)}#ro-site .tile-more{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--accent-ink);text-decoration:none;margin-top:2px;min-height:32px}#ro-site .tile-more .chev{width:8px;height:13px;transition:transform .35s var(--ease)}#ro-site .tile-more:hover{text-decoration:underline;text-underline-offset:3px}#ro-site .tile-more:hover .chev{transform:translateX(2px)}#ro-site .vid{border-radius:var(--r-xl);overflow:hidden;background:var(--deep) center\/cover no-repeat;aspect-ratio:16\/9;position:relative;box-shadow:var(--shadow-win)}#ro-site .vid video{width:100%;height:100%;object-fit:cover}@media (max-width:760px){#ro-site .vid.vid-m{aspect-ratio:9\/16}}#ro-site .vid.dead video{visibility:hidden}#ro-site .play{position:absolute;left:20px;bottom:20px;z-index:4;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;\n  background:rgba(255,255,255,.92);color:var(--text-primary);display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(0,0,0,.35);\n  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s var(--ease)}#ro-site .play:hover{transform:scale(1.06)}#ro-site .play svg{width:18px;height:18px}#ro-site .play .i-pause{display:none}#ro-site .play[aria-pressed=\"true\"] .i-play{display:none}#ro-site .play[aria-pressed=\"true\"] .i-pause{display:block}#ro-site .bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;gap:14px;padding:18px 30px 18px 22px;border:0;border-radius:999px;cursor:pointer;background:var(--btn);color:#fff;font:600 18px\/1 var(--sans);box-shadow:0 18px 44px -12px rgba(42,118,80,.6);transition:transform .35s var(--ease),background .2s}#ro-site .bigplay svg{width:34px;height:34px}#ro-site .bigplay span{white-space:nowrap}#ro-site .bigplay:hover{transform:translate(-50%,-50%) scale(1.05);background:var(--btn-hover)}#ro-site .vid.sound .bigplay{display:none}#ro-site .snd{left:84px}#ro-site .snd .i-sound{display:none}#ro-site .snd[aria-pressed=\"true\"] .i-mute{display:none}#ro-site .snd[aria-pressed=\"true\"] .i-sound{display:block}#ro-site .snd .lbl{position:absolute;left:62px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:14px;font-weight:600;color:currentColor;opacity:.9}#ro-site .snd[aria-pressed=\"true\"] .lbl{display:none}#ro-site .track-wrap{margin-top:64px}#ro-site .track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;position:relative}#ro-site .track::before, #ro-site .track::after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line-2)}#ro-site .track::after{background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.8s var(--ease-io) .2s}#ro-site .track.in::after{transform:scaleX(1)}#ro-site .st{position:relative;padding-top:28px}#ro-site .st-node{display:block;font-weight:600;font-size:28px;line-height:1;color:var(--accent-ink);margin-bottom:16px;font-variant-numeric:tabular-nums}#ro-site .st h3{font-weight:600;font-size:23px;line-height:1.15;letter-spacing:-.012em;margin-bottom:10px;max-width:16ch}#ro-site .st p{font-size:16px;color:var(--text-secondary);line-height:1.5;max-width:30ch}#ro-site .track-note{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:500}#ro-site .track-note svg{width:18px;height:18px;color:var(--accent-ink);flex:none}#ro-site .dsec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}#ro-site .dsec-copy{position:sticky;top:108px}#ro-site .dsec-copy .lede{margin-top:18px}#ro-site .dsec-copy .btn{margin-top:30px}#ro-site .dsec-copy .ph, #ro-site .dsec-copy .photo{margin-top:44px}#ro-site .zooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#ro-site .zc{background:var(--panel);border-radius:var(--r-lg);padding:14px 14px 24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column}#ro-site .zc-vis{height:216px;border-radius:18px;background:var(--well);overflow:hidden;position:relative;margin-bottom:20px}#ro-site .zc-vis .zx{position:absolute;top:12px;left:14px;font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}#ro-site .zc-vis .zx svg{width:12px;height:12px}#ro-site .zc p{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.005em;padding:0 8px;max-width:34ch}#ro-site .zv-att{position:absolute;inset:40px 18px 18px;display:flex;flex-direction:column;justify-content:space-between}#ro-site .zv-att .big{font-weight:600;font-size:64px;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}#ro-site .zv-att .lbl{font-size:14px;color:var(--text-secondary);margin-bottom:6px}#ro-site .zv-att .row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}#ro-site .zv-att .row i{height:26px;border-radius:8px;background:var(--accent);display:block}#ro-site .zv-talk{position:absolute;inset:40px 18px 18px;display:flex;flex-direction:column;gap:12px}#ro-site .zv-talk q{font-weight:600;font-size:27px;line-height:1.15;letter-spacing:-.012em;quotes:none;max-width:19ch}#ro-site .zv-talk .by{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--text-secondary);margin-top:auto}#ro-site .zv-dev{position:absolute;inset:44px 18px 18px;display:flex;flex-direction:column;gap:10px;justify-content:center}#ro-site .zv-dev div{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:14px;padding:13px 12px;font-size:14.5px;font-weight:500;\n  box-shadow:0 6px 16px -10px rgba(18,25,22,.25)}#ro-site .zv-dev div:first-child{transform:scale(1.04);transform-origin:0 50%}#ro-site .zv-fb{position:absolute;inset:44px 18px 18px;display:flex;flex-direction:column;gap:14px;justify-content:center}#ro-site .zv-fb .inp{height:50px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel);display:flex;align-items:center;padding:0 14px;\n  font-size:14px;color:#7C8781;gap:2px}#ro-site .zv-fb .inp::after{content:\"\";width:1.5px;height:20px;background:var(--text-primary);animation:caret 1.2s steps(1) infinite}#ro-site .zv-fb .zv-form{display:flex;gap:8px}#ro-site .zv-fb input.inp{width:100%;min-width:0;flex:1;font:inherit;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}#ro-site .zv-fb input.inp::placeholder{color:#7C8781}#ro-site .zv-fb input.inp:focus{border-color:var(--accent-ink);box-shadow:0 0 0 4px rgba(76,175,125,.18)}#ro-site .zv-fb .zv-send{display:none;min-height:50px;padding:0 16px;font-size:14px}#ro-site .zv-fb .zv-ok{font-size:12.5px;font-weight:500;color:var(--accent-ink)}#ro-site .zv-fb .zv-ok[hidden]{display:none}#ro-site .zv-talk .zv-plan{display:none}@keyframes caret{50%{opacity:0}}#ro-site .zv-fb .route{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:var(--text-secondary)}#ro-site .zv-fb .route .line{flex:1;height:1.5px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 11px);position:relative;overflow:hidden}#ro-site .zv-fb .route .line::after{content:\"\";position:absolute;top:-2px;left:0;width:30%;height:5px;border-radius:3px;background:var(--accent);animation:travel 4.5s var(--ease-io) -1.5s infinite}@keyframes travel{from{transform:translateX(-110%)}to{transform:translateX(360%)}}#ro-site .photo{border-radius:var(--r-lg);overflow:hidden;background:var(--well);position:relative}#ro-site .photo img{width:100%;height:100%;object-fit:cover;display:block}#ro-site .photo-32{aspect-ratio:3\/2}#ro-site .photo-43{aspect-ratio:4\/3}#ro-site .photo-45{aspect-ratio:4\/5}#ro-site .photo-1610{aspect-ratio:16\/10}#ro-site .photo-219{aspect-ratio:21\/9}#ro-site .offices-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:20px}#ro-site .globe{margin:0;position:relative;width:min(520px,100%);justify-self:center}#ro-site .globe::before{content:\"\";position:absolute;inset:4% 4% 12%;border-radius:50%;z-index:-1;\n  background:radial-gradient(closest-side,rgba(76,175,125,.24),transparent);filter:blur(40px);\n  animation:breathe 9s var(--ease-io) infinite alternate}@keyframes breathe{from{opacity:.55}to{opacity:1}}#ro-site .globe-box{position:relative;aspect-ratio:1;width:100%;cursor:grab;touch-action:pan-y}#ro-site .globe-box.drag{cursor:grabbing}#ro-site .globe-box canvas{display:block;width:100%;height:100%}#ro-site .globe-labels{position:absolute;inset:0;pointer-events:none}#ro-site .globe-lab{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;pointer-events:auto;cursor:pointer;\n  font-size:13px;font-weight:500;letter-spacing:-.005em;color:var(--text-primary);border:0;\n  background:rgba(255,255,255,.94);padding:6px 10px 6px 9px;border-radius:999px;\n  box-shadow:0 1px 2px rgba(18,25,22,.06),0 8px 24px -10px rgba(18,25,22,.25);\n  opacity:0;transition:opacity .35s ease,background-color .3s var(--ease),color .3s var(--ease);will-change:transform}#ro-site .globe-lab.on{opacity:1}#ro-site .globe-lab:hover{background:#fff}#ro-site .globe-lab i{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}#ro-site .globe-lab b{font-weight:600;font-size:12.5px;color:var(--accent-ink);font-variant-numeric:tabular-nums}#ro-site .globe-lab.is-on{background:var(--text-primary);color:#fff}#ro-site .globe-lab.is-on i{background:#fff}#ro-site .globe-lab.is-on b{color:#9FD8B8}#ro-site .flag{width:28px;height:20px;border-radius:4px;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(18,25,22,.12)}#ro-site .flag-lg{width:44px;height:31px;border-radius:6px}#ro-site .flag-xl{width:64px;height:45px;border-radius:8px;margin-bottom:14px}#ro-site .off-details{min-width:0}#ro-site .off-detail{background:var(--well);border-radius:var(--r-lg);overflow:hidden;animation:fadeup .5s var(--ease) both}#ro-site .off-detail .off-photo{border-radius:0}#ro-site .off-detail-body{display:flex;align-items:center;gap:16px;padding:20px 22px 22px}#ro-site .off-detail-name{min-width:0;flex:1}#ro-site .off-detail .off-city{font-weight:600;font-size:24px;line-height:1.1;letter-spacing:-.014em}#ro-site .off-detail .off-country{font-size:15px;color:var(--text-secondary);margin-top:4px}#ro-site .off-detail .off-time{display:flex;align-items:center}#ro-site .off-detail .clk{font-weight:600;font-size:30px;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}#ro-site .off-detail .off-ofs{font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .off-head{font-weight:600;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.012em;text-align:center;margin:40px 0 20px}#ro-site .off-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#ro-site .off{background:var(--well);border-radius:var(--r-lg);transition:box-shadow .3s var(--ease),background-color .3s var(--ease)}#ro-site .off.on{box-shadow:inset 0 0 0 2px var(--text-primary)}#ro-site .off-btn{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:18px 20px 18px;\n  border:0;background:none;cursor:pointer;text-align:left;color:inherit;border-radius:inherit}#ro-site .off-btn .flag{grid-row:1 \/ span 2;align-self:start;margin-top:3px}#ro-site .off-txt{display:flex;flex-direction:column}#ro-site .off-city{font-weight:600;font-size:20px;line-height:1.1;letter-spacing:-.012em}#ro-site .off-country{font-size:14.5px;color:var(--text-secondary);margin-top:3px}#ro-site .off-btn .off-time{grid-column:2;display:flex;align-items:baseline;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line-2)}#ro-site .off-time .clk{font-weight:600;font-size:26px;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}#ro-site .off-time .clk .colon{animation:blink 2s steps(1) infinite}@keyframes blink{50%{opacity:.25}}#ro-site .off-time .off-ofs{font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .fm-row{margin-top:20px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:stretch}#ro-site .fm-row .photo{aspect-ratio:auto;min-height:420px}#ro-site .fm-card{background:var(--deep);color:var(--on-deep);border-radius:var(--r-lg);padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}#ro-site .fm-card p{font-weight:600;font-size:27px;line-height:1.2;letter-spacing:-.012em;max-width:22ch}#ro-site .tlink-light{color:#9FD8B8}#ro-site .tlink-light:hover{color:#fff}#ro-site .fn-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:stretch}#ro-site .fn-left{align-self:stretch}#ro-site .fn-sticky{position:sticky;top:max(80px,calc(50vh - 250px));display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 24px}#ro-site .funnel{width:min(440px,100%);height:auto;display:block;overflow:visible}#ro-site .funnel .fs{cursor:pointer;outline:none}#ro-site .funnel .fs-bg{fill:var(--well-2);transition:fill .3s var(--ease)}#ro-site .funnel .fs:hover .fs-bg, #ro-site .funnel .fs:focus-visible .fs-bg{fill:#D7E0DA}#ro-site .funnel .fs:focus-visible .fs-fill{stroke:var(--text-primary);stroke-width:2}#ro-site .funnel .fs[data-i=\"0\"] .fs-fill{fill:#7CC89E}#ro-site .funnel .fs[data-i=\"1\"] .fs-fill{fill:#5DB886}#ro-site .funnel .fs[data-i=\"2\"] .fs-fill{fill:#43A572}#ro-site .funnel .fs[data-i=\"3\"] .fs-fill{fill:#2F8C5E}#ro-site .funnel .fs[data-i=\"4\"] .fs-fill{fill:#20714A}#ro-site .funnel .fs[data-i=\"5\"] .fs-fill{fill:#14523A}#ro-site .funnel .fs-n{font:600 20px\/1 var(--sans);fill:var(--text-secondary);transition:fill .3s}#ro-site .funnel .fs.on .fs-n{fill:#fff}#ro-site .funnel .fs-c{font:600 17px\/1 var(--sans);fill:var(--text-tertiary);font-variant-numeric:tabular-nums;transition:fill .3s}#ro-site .funnel .fs.on .fs-c{fill:var(--text-primary)}#ro-site .fn-cap{font-size:17px;color:var(--text-secondary);text-align:center}#ro-site .fn-cap b{color:var(--text-primary);font-variant-numeric:tabular-nums}#ro-site .fn-nav{display:none}#ro-site .fn-steps{display:flex;flex-direction:column;gap:16px;padding:6vh 0 22vh}#ro-site .fn-step{background:var(--well);border-radius:var(--r-lg);padding:28px 30px;opacity:.42;transform:translateY(8px) scale(.99);transition:opacity .5s var(--ease),transform .6s var(--ease),background-color .5s var(--ease),box-shadow .5s var(--ease)}#ro-site .fn-step.on{opacity:1;transform:none;background:var(--panel);box-shadow:var(--shadow-win)}#ro-site .fn-step.past{opacity:.7}#ro-site .sc-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-muted);color:var(--accent-ink);font-weight:600;font-size:15px;margin-bottom:14px}#ro-site .fn-step:last-child .sc-n{background:var(--text-primary);color:#fff}#ro-site .fn-step h3{font-size:25px;font-weight:600;letter-spacing:-.014em;line-height:1.15;margin-bottom:8px}#ro-site .fn-step p{font-size:17px;color:var(--text-secondary);line-height:1.5;max-width:48ch}#ro-site .fn-foot{text-align:center;margin-top:8px}#ro-site .cijfer{font-weight:500;font-size:13px;color:var(--text-secondary);border:1px dashed var(--ph-line);background:var(--ph-bg);border-radius:8px;padding:3px 9px}#ro-site .c-foot{margin-top:28px}#ro-site .kgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}#ro-site .kside{position:sticky;top:108px}#ro-site .kside .vid{margin-top:36px}#ro-site .krevs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#ro-site .rev{background:var(--well);border-radius:var(--r-lg);padding:26px 24px 22px;display:flex;flex-direction:column;gap:12px}#ro-site .rev h3{font-weight:600;font-size:21px;line-height:1.18;letter-spacing:-.01em}#ro-site .rev p{font-size:15.5px;line-height:1.5;color:var(--text-secondary)}#ro-site .rev-by{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line-2)}#ro-site .rev-by img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--ph-bg)}#ro-site .rev-by span{font-size:13px;font-weight:500;line-height:1.4;color:var(--text-primary)}#ro-site .score{margin-top:22px;display:flex;align-items:center;gap:14px;font-size:17px;font-weight:500}#ro-site .score .dots i{width:12px;height:12px}#ro-site .score .dots{margin-left:0}#ro-site .score .dots .part::after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--accent);clip-path:inset(0 20% 0 0)}#ro-site .score .dots .full{background:var(--accent);box-shadow:none}#ro-site .about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}#ro-site .about-photo{width:min(440px,100%);justify-self:center}#ro-site .about-card{max-width:560px}#ro-site .about-card .h2{font-size:clamp(30px,3.2vw,44px)}#ro-site .about-card p{margin-top:16px;color:var(--text-secondary);font-size:19px;line-height:1.45;max-width:46ch}#ro-site .about-card .tlink{margin-top:12px}#ro-site .skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#ro-site .skill{background:var(--well);border-radius:var(--r-lg);padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px}#ro-site .skill-title{font-weight:600;font-size:23px;line-height:1.15;letter-spacing:-.012em}#ro-site .skill-blurb{font-size:16px;line-height:1.45;color:var(--text-secondary)}#ro-site .skill-roles{display:flex;flex-direction:column;margin-top:6px}#ro-site .skill-roles li{font-size:15px;line-height:1.35;color:var(--text-primary);padding:9px 0;border-top:1px solid var(--line)}#ro-site .skill-roles li:first-child{border-top:0;padding-top:4px}#ro-site .skill:not(.open) .skill-roles li:nth-child(n+6){display:none}#ro-site .skill-more{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;cursor:pointer;font-size:15px;font-weight:500;color:var(--accent-ink);min-height:36px}#ro-site .skill-more .chev{width:8px;height:13px;transform:rotate(90deg);transition:transform .35s var(--ease)}#ro-site .skill.open .skill-more .chev{transform:rotate(-90deg)}#ro-site .skill-more:hover{text-decoration:underline;text-underline-offset:3px}#ro-site .skills.sx-acc{align-items:start}#ro-site .skills.sx-acc .skill{padding:0;gap:0}#ro-site .skill-tog{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;background:none;padding:20px 24px;cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:inherit}#ro-site .skill-tog .chev{width:9px;height:15px;flex:none;color:var(--accent-ink);transform:rotate(90deg);transition:transform .35s var(--ease)}#ro-site .skill.open .skill-tog .chev{transform:rotate(-90deg)}#ro-site .skill-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}#ro-site .skill.open .skill-body{grid-template-rows:1fr}#ro-site .skill-body-in{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:10px;padding:0 24px;transition:padding .4s var(--ease)}#ro-site .skill.open .skill-body-in{padding-bottom:22px}#ro-site .skills.sx-acc .skill:not(.open) .skill-roles li:nth-child(n+6){display:block}@media (max-width:640px){#ro-site .skill-tog{padding:16px 18px}#ro-site .skill-body-in{padding:0 18px}#ro-site .skill.open .skill-body-in{padding-bottom:18px}}#ro-site .faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}#ro-site .faq-head{position:sticky;top:108px}#ro-site .h2-nowrap{white-space:nowrap}#ro-site .faq-head .h2-nowrap{font-size:clamp(26px,2.35vw,34px)}#ro-site .acc{border-top:1px solid var(--line-2)}#ro-site .qa{border-bottom:1px solid var(--line-2)}#ro-site .qa h3{margin:0}#ro-site .qa button{width:100%;display:flex;align-items:center;gap:20px;justify-content:space-between;text-align:left;background:none;border:0;cursor:pointer;\n  padding:24px 4px;font-size:19px;font-weight:500;letter-spacing:-.005em;line-height:1.35;min-height:68px}#ro-site .qa .pm{width:28px;height:28px;border-radius:50%;flex:none;position:relative;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .4s var(--ease),box-shadow .4s var(--ease)}#ro-site .qa .pm::before{content:\"\";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:1.5px solid var(--text-primary);border-bottom:1.5px solid var(--text-primary);transform:rotate(45deg);transition:transform .45s var(--ease),margin .45s var(--ease),border-color .3s var(--ease)}#ro-site .qa .pm::after{display:none}#ro-site .qa button[aria-expanded=\"true\"] .pm{background:var(--text-primary);box-shadow:none}#ro-site .qa button[aria-expanded=\"true\"] .pm::before{border-color:#fff;transform:rotate(-135deg);margin-top:-1px}#ro-site .qa-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}#ro-site .qa-panel > div{overflow:hidden}#ro-site .qa-panel p{padding:0 56px 26px 4px;color:var(--text-secondary);font-size:17px;line-height:1.5;max-width:62ch;opacity:0;transform:translateY(-4px);transition:opacity .4s var(--ease),transform .5s var(--ease)}#ro-site .qa.open .qa-panel{grid-template-rows:1fr}#ro-site .qa.open .qa-panel p{opacity:1;transform:none}#ro-site .demo{background:var(--deep);color:var(--on-deep);border-radius:36px;padding:80px 72px 72px;position:relative;overflow:hidden;text-align:center}#ro-site .demo-head{display:flex;flex-direction:column;align-items:center;margin-bottom:44px}#ro-site .demo .h2{color:var(--on-deep);max-width:20ch}#ro-site .demo .lede{color:var(--on-deep-2);margin-top:18px;max-width:52ch}#ro-site .agenda{position:relative;border-radius:var(--r-lg);background:#fff;overflow:hidden;min-height:420px;text-align:left;margin-top:-16px}#ro-site .agenda iframe{display:block;width:100%;min-width:320px;height:700px;border:0;margin-top:-44px;transition:height .4s var(--ease)}#ro-site .agenda iframe[data-agenda-src*=\"calendly.com\"]{margin-top:0}#ro-site .agenda:has(iframe[data-agenda-src*=\"calendly.com\"]){margin-top:0;background:transparent}#ro-site .agenda iframe[data-agenda-src*=\"calendly.com\"]{background:#fff;margin-bottom:-64px}#ro-site .agenda.cal-kaart iframe[data-agenda-src*=\"calendly.com\"]{background:transparent;margin:-62px 0 -28px}@media (max-width:760px){#ro-site .agenda:has(iframe[data-agenda-src*=\"calendly.com\"]){background:#fff;padding:0 10px}}#ro-site .agenda-skelet{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-secondary);font-size:15px;background:#fff;transition:opacity .4s var(--ease)}#ro-site .agenda-skelet.hidden{opacity:0;pointer-events:none}#ro-site .spin{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--well-2);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ro-site .form{margin-top:16px;background:var(--deep-2);border-radius:var(--r-lg);padding:26px;text-align:left}#ro-site .form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end}#ro-site .field label{display:block;font-size:12.5px;font-weight:500;color:var(--on-deep-2);margin-bottom:8px}#ro-site .field input{width:100%;height:48px;border-radius:12px;border:1px solid rgba(243,246,244,.18);background:rgba(243,246,244,.06);color:var(--on-deep);padding:0 14px;font-size:15px;\n  transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}#ro-site .field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(76,175,125,.2)}#ro-site .demo .btn{background:#fff;color:var(--text-primary);height:48px}#ro-site .demo .btn:hover{background:#E6ECE8}#ro-site .thanks{display:none;align-items:center;gap:14px;font-size:18px;font-weight:500;min-height:48px}#ro-site .thanks svg{width:22px;height:22px;color:var(--accent);flex:none}#ro-site .form.sent .form-grid{display:none}#ro-site .form.sent .thanks{display:flex;animation:fadeup .7s var(--ease) both}@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#ro-site .foot{position:relative;overflow:hidden;background:#0B1F15;color:rgba(255,255,255,.7);margin-top:128px;font-size:14px;line-height:1.5;letter-spacing:-.005em}#ro-site .foot::after{content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.8;background-size:180px;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'\/%3E%3C\/svg%3E\")}#ro-site .foot .wrap{position:relative;z-index:1}#ro-site .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:64px;padding:80px 0 48px;align-items:start}#ro-site .foot .brand{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;min-height:0}#ro-site .foot .brand-mark{width:30px;height:25px}#ro-site .foot .brand-mark img{width:30px}#ro-site .foot-tag{font-size:14px;color:rgba(255,255,255,.45);line-height:1.75;max-width:280px;margin:0 0 28px}#ro-site .foot-social{display:flex;gap:10px;flex-wrap:wrap}#ro-site .foot-social a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;\n  transition:background-color .22s ease,color .22s ease,border-color .22s ease}#ro-site .foot-social a:hover{background:rgba(76,175,125,.15);color:var(--accent);border-color:rgba(76,175,125,.3)}#ro-site .foot-social svg{width:16px;height:16px}#ro-site .foot h2{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}#ro-site .foot ul{display:flex;flex-direction:column;gap:11px}#ro-site .foot li a{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;line-height:1.4;transition:color .2s ease}#ro-site .foot li a svg{width:13px;height:13px;opacity:.55;flex:none;transition:opacity .2s ease}#ro-site .foot li a:hover{color:#fff}#ro-site .foot li a:hover svg{opacity:.9}#ro-site .foot-legal{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;padding:26px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}#ro-site .foot-li{display:flex;align-items:center;gap:9px}#ro-site .foot-ll{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}#ro-site .foot-lv{font-size:13px;color:rgba(255,255,255,.7);font-weight:500}#ro-site .foot-ld{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.2);flex:none}#ro-site .foot-bottom{padding:26px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#ro-site .foot-copy, #ro-site .foot-bl a{font-size:12.5px;color:rgba(255,255,255,.55)}#ro-site .foot-bl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#ro-site .foot-bl a{text-decoration:none;transition:color .2s ease}#ro-site .foot-bl a:hover{color:#fff}#ro-site .foot-bd{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.25);flex:none}@media (pointer:coarse){#ro-site .foot li a{min-height:40px}}body.paused #ro-site *, body.paused #ro-site *::before, body.paused #ro-site *::after{animation-play-state:paused!important}.offscreen #ro-site *, .offscreen #ro-site *::before, .offscreen #ro-site *::after{animation-play-state:paused!important}@media (max-width:1180px){#ro-site .nav-links a{padding:8px 9px;font-size:14.5px}#ro-site .dash-body{grid-template-columns:190px minmax(0,1fr)}#ro-site .off-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n}@media (max-width:1060px){#ro-site .nav-links, #ro-site .nav-login, #ro-site .nav-end .btn{display:none}#ro-site .nav-toggle{display:inline-flex}#ro-site .nav-end{margin-left:auto}#ro-site .sheet{display:block;position:fixed;top:64px;left:0;right:0;z-index:49;background:rgba(251,252,251,.96);\n    -webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--line-2);\n    padding:8px var(--gut) 24px;opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;\n    transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s linear .45s;box-shadow:0 24px 48px -24px rgba(18,25,22,.25)}#ro-site .nav.open + .sheet{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s}#ro-site .sheet a:not(.btn){display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--line);text-decoration:none;font-size:18px;font-weight:500}#ro-site .sheet .btn{margin-top:18px;width:100%}#ro-site .dash-body{grid-template-columns:minmax(0,1fr)}#ro-site .dash-side{display:none}#ro-site .dsec{grid-template-columns:minmax(0,1fr);gap:40px}#ro-site .dsec-copy{position:static;text-align:center;display:flex;flex-direction:column;align-items:center}#ro-site .dsec-copy .ph, #ro-site .dsec-copy .photo{width:100%}#ro-site .offices-row{grid-template-columns:minmax(0,1fr);gap:24px}#ro-site .off-details{width:min(560px,100%);justify-self:center}#ro-site .fm-row{grid-template-columns:minmax(0,1fr)}#ro-site .fn-grid{grid-template-columns:minmax(0,1fr);gap:24px}#ro-site .fn-sticky{position:static;padding:0}#ro-site .funnel{width:min(360px,100%)}#ro-site .fn-steps{padding:0}#ro-site .kgrid{grid-template-columns:minmax(0,1fr);gap:28px}#ro-site .kside{position:static}#ro-site .skills{grid-template-columns:repeat(2,minmax(0,1fr))}#ro-site .about-grid{grid-template-columns:minmax(0,1fr);gap:28px}#ro-site .about-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-self:center}#ro-site .faq{grid-template-columns:minmax(0,1fr);gap:32px}#ro-site .faq-head{position:static}#ro-site .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ro-site .form-grid .btn{grid-column:1 \/ -1}#ro-site .foot-grid{grid-template-columns:1fr 1fr;gap:40px;padding:64px 0 40px}#ro-site .foot-brand{grid-column:1 \/ -1}#ro-site .foot-tag{max-width:100%}\n}@media (max-width:760px){:root{--gut:20px}body #ro-site{font-size:16px}#ro-site .sec{padding-block:88px}#ro-site .hero{padding-top:48px}#ro-site .hero .h1{font-size:42px;letter-spacing:-.018em}#ro-site .hero-side .lede{font-size:18px;margin-bottom:14px}#ro-site .hrm{font-size:15.5px;align-items:flex-start;margin-bottom:26px}#ro-site .hero-photo{margin-top:36px;aspect-ratio:4\/3;border-radius:22px}#ro-site .hero-photo img{object-position:50% 50%}#ro-site .hero-stage{margin-top:-70px;width:100%}#ro-site .lede{font-size:18px}#ro-site .h2{font-size:36px}#ro-site .sec-head, #ro-site .sec-head-center, #ro-site .sec-head-stack{margin-bottom:40px}#ro-site .dash{border-radius:20px}#ro-site .dash-chrome{height:auto;min-height:44px;padding:10px 14px;flex-wrap:wrap;gap:8px 12px}#ro-site .dash-chrome .dots3{display:none}#ro-site .chrome-title{margin:0}#ro-site .chrome-tag{margin-left:auto}#ro-site .dash-main{padding:14px 12px 14px;background:var(--well)}#ro-site .dash-head{margin-bottom:14px;padding:0 4px}#ro-site .head-state{display:none}#ro-site .grid12{gap:10px}#ro-site .w-7, #ro-site .w-5, #ro-site .w-12{grid-column:1 \/ -1}#ro-site .w{padding:16px 14px;background:var(--panel)}#ro-site .day .cell{background:var(--well)}#ro-site .dd, #ro-site .dev li{background:var(--well)}#ro-site .att-today .t{font-size:40px}#ro-site .day .cell{height:52px}#ro-site .day .ct{font-size:11.5px;padding:0 0 7px 8px}#ro-site .fb-row{flex-direction:column}#ro-site .fb-in{flex:none;width:100%;background:var(--well)}#ro-site .dd{grid-template-columns:minmax(0,1fr)}#ro-site .dd-time{text-align:left}#ro-site .fb-btn{width:100%}#ro-site .fb-to{display:none}#ro-site .tiles{grid-template-columns:minmax(0,1fr)}#ro-site .prob{font-size:21px}#ro-site .track-wrap{margin-top:44px}#ro-site .track{grid-template-columns:minmax(0,1fr);gap:0}#ro-site .track::before, #ro-site .track::after{display:none}#ro-site .st{padding:22px 0 26px;border-top:1px solid var(--line-2)}#ro-site .st-node{margin-bottom:10px}#ro-site .st h3{font-size:22px}#ro-site .track-note{font-size:15.5px;align-items:flex-start;text-align:left;justify-content:flex-start;margin-top:28px}#ro-site .play{left:12px;bottom:12px;width:48px;height:48px}#ro-site .snd{left:70px}#ro-site .bigplay{padding:12px 20px 12px 16px;font-size:15px;gap:10px}#ro-site .bigplay svg{width:28px;height:28px}#ro-site .snd .lbl{display:none}#ro-site [data-placeholder]::after{top:8px;right:8px;font-size:10px;padding:4px 8px;max-width:78%}#ro-site .zooms{grid-template-columns:minmax(0,1fr)}#ro-site .zc-vis{height:200px}#ro-site .dsec-copy .ph{margin-top:32px}#ro-site .globe{width:min(340px,100%)}#ro-site .globe-wrap{margin-bottom:40px}#ro-site .globe-lab{font-size:11.5px;padding:4px 8px 4px 7px}#ro-site .globe-lab b{font-size:10.5px}#ro-site .off-grid{grid-template-columns:minmax(0,1fr);gap:10px}#ro-site .off-btn{grid-template-columns:auto minmax(0,1fr) auto;padding:14px 16px}#ro-site .off-btn .flag{grid-row:1;margin-top:0}#ro-site .off-btn .off-time{grid-column:3;grid-row:1;margin:0;padding:0;border:0;flex-direction:column;align-items:flex-end;gap:3px}#ro-site .off-time .clk{font-size:24px}#ro-site .off-detail .clk{font-size:26px}#ro-site .fm-row .photo{min-height:0;aspect-ratio:3\/2}#ro-site .fm-card{padding:26px 22px}#ro-site .fm-card p{font-size:23px}#ro-site .fn-step{padding:22px 20px}#ro-site .fn-step h3{font-size:22px}#ro-site .cijfer{font-size:11.5px}#ro-site .krevs{grid-template-columns:minmax(0,1fr)}#ro-site .kside .vid{margin-top:28px}#ro-site .kside{text-align:center;display:flex;flex-direction:column;align-items:center}#ro-site .score{justify-content:center;text-align:left}#ro-site .skills{grid-template-columns:minmax(0,1fr)}#ro-site .skill{padding:22px 20px 20px}#ro-site .about-photo{width:min(320px,100%)}#ro-site .about-card p{font-size:17px}#ro-site .faq-head{text-align:center;display:flex;justify-content:center}#ro-site .qa button{font-size:17px;padding:18px 2px}#ro-site .qa-panel p{padding:0 8px 20px 2px;font-size:16px}#ro-site .demo{border-radius:26px;padding:48px 20px 20px;margin-inline:-8px}#ro-site .form{padding:18px}#ro-site .form-grid{grid-template-columns:minmax(0,1fr)}#ro-site .agenda iframe{margin-top:0}#ro-site .foot{margin-top:88px}#ro-site .foot-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding:56px 0 32px}#ro-site .foot-legal{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 0}#ro-site .foot-ld{display:none}#ro-site .foot-li{flex-direction:column;align-items:flex-start;gap:3px}#ro-site .foot-bottom{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 0 32px}\n}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#ro-site *, #ro-site *::before, #ro-site *::after{animation:none!important;transition:none!important;transition-delay:0s!important}#ro-site [data-reveal], #ro-site .stagger > *, #ro-site .zoom > .zi, #ro-site .hero-side{opacity:1!important;transform:none!important}#ro-site .hero .h1 .ln > span{transform:none!important}#ro-site .hero-stage{transform:none!important;opacity:1!important}#ro-site .att-today .t > span, #ro-site .day .ct{opacity:1!important;transform:none!important}#ro-site .day .fill, #ro-site .dots .dot-on::after{transform:none!important}#ro-site .track::after{transform:none!important}#ro-site .fn-step{opacity:1!important;transform:none!important}#ro-site .mq-track{flex-wrap:wrap;width:auto;justify-content:center}#ro-site .mq-set[aria-hidden]{display:none}#ro-site .mq-set{flex-wrap:wrap;justify-content:center;gap:28px 48px;padding:0}#ro-site .marquee{-webkit-mask-image:none;mask-image:none}#ro-site .qa-panel p{opacity:1;transform:none}#ro-site .globe::before{animation:none}\n}#ro-site .m-dots{display:none}#ro-site .sx-revs-sec{padding-top:0}#ro-site .sx-revs-sec .sx-revs{margin-top:0}#ro-site #adpeekr{padding-bottom:96px}@media (max-width:760px){#ro-site .sec{padding-block:56px}#ro-site #adpeekr{padding-bottom:40px}#ro-site .sec-head, #ro-site .sec-head-center, #ro-site .sec-head-stack{margin-bottom:28px}#ro-site .sec-head .lede, #ro-site .sec-head-center .lede, #ro-site .sec-head-stack .lede{margin-top:12px}#ro-site .h2{font-size:32px}#ro-site .lede{font-size:17px;line-height:1.4}#ro-site .c-foot{margin-top:20px}#ro-site .foot{margin-top:56px}#ro-site .m-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;\n    scroll-snap-type:x mandatory;margin-inline:calc(var(--gut)*-1);padding:6px var(--gut) 16px;margin-bottom:-8px;\n    scroll-padding-inline:var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch}#ro-site .m-row::-webkit-scrollbar{display:none}#ro-site .m-row > *{flex:0 0 84%;max-width:84%;scroll-snap-align:start;min-width:0}#ro-site .m-dots{display:flex;justify-content:center;gap:6px;margin-top:14px;min-height:6px}#ro-site .m-dots:empty{display:none}#ro-site .m-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-strong);opacity:.6;transition:opacity .3s var(--ease),transform .3s var(--ease),background-color .3s var(--ease)}#ro-site .m-dots i.on{opacity:1;background:var(--accent-ink);transform:scale(1.3)}#ro-site .hero{padding-top:40px}#ro-site .hero:not(.pg-hero) .hero-photo{aspect-ratio:3\/2}#ro-site .hero:not(.pg-hero) .hero-stage::before{display:none}#ro-site #dash .dash-main{padding:12px}#ro-site #dash .dash-head{margin-bottom:12px;padding:0 2px}#ro-site #dash .dash-head .avatar{width:34px;height:34px;font-size:12px}#ro-site #dash .who strong{font-size:15px}#ro-site #dash .who small{font-size:12px}#ro-site #dash .grid12{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#ro-site #dash .w{padding:12px;border-radius:14px}#ro-site #dash .w-7, #ro-site #dash .w-12{grid-column:1 \/ -1}#ro-site #dash .w-5{grid-column:auto}#ro-site #dash .w[data-w=\"gesprekken\"]{order:1}#ro-site #dash .w[data-w=\"feedback\"]{order:2}#ro-site #dash .w-top{margin-bottom:8px;min-height:0;gap:8px}#ro-site #dash .w-label{font-size:13px}#ro-site #dash .w-top .meta{font-size:11.5px}#ro-site #dash .att-today{font-size:14px;gap:4px 8px;margin-bottom:8px}#ro-site #dash .att-today .t{font-size:24px}#ro-site #dash .week{gap:6px}#ro-site #dash .day{gap:4px}#ro-site #dash .day .d{font-size:12px}#ro-site #dash .day .cell{height:34px;border-radius:10px}#ro-site #dash .day .ct{font-size:11px;padding:0 0 5px 7px}#ro-site #dash .dd{margin-top:8px;padding:8px 10px;gap:2px 8px;border-radius:10px;grid-template-columns:auto minmax(0,1fr)}#ro-site #dash .dd-day, #ro-site #dash .dd-time{font-size:12px}#ro-site #dash .dd-time{text-align:right}#ro-site #dash .dd-note{font-size:13px;line-height:1.35}#ro-site #dash .rate{gap:0}#ro-site #dash .rate-row{padding:6px 0;gap:8px}#ro-site #dash .rate .rl{font-size:13px}#ro-site #dash .rate .dots, #ro-site #dash .rate-row::after, #ro-site #dash .rate-note{display:none}#ro-site #dash .rate .rv{margin-left:auto;width:auto;font-size:12.5px;font-weight:600;color:var(--text-primary)}#ro-site #dash .talk{gap:10px}#ro-site #dash .talk .avatar{width:28px;height:28px;font-size:10px}#ro-site #dash .talk-tabs{gap:5px;margin-bottom:8px}#ro-site #dash .talk-tab{font-size:11.5px;padding:4px 9px}#ro-site #dash .sum{font-size:13.5px;line-height:1.4}#ro-site #dash .sum-l{display:none}#ro-site #dash .dev{gap:6px}#ro-site #dash .dev li{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;border-radius:10px}#ro-site #dash .dev .dt{font-size:13px;line-height:1.3}#ro-site #dash .dev .pill{margin-left:0;font-size:11px;padding:3px 8px}#ro-site #dash .fb-row{flex-direction:row;gap:8px}#ro-site #dash .fb-in{flex:1;width:auto;height:40px;font-size:14px;padding:0 12px;border-radius:12px}#ro-site #dash .fb-btn{width:auto;min-height:40px;font-size:14px;padding:0 14px}#ro-site #dash .fb-thread{margin-top:8px}#ro-site #dash .dash-head{margin-bottom:10px}#ro-site #dash .w{padding:11px 12px}#ro-site #dash .att-today{margin-bottom:6px}#ro-site #dash .dd{display:none}#ro-site #dash .w-rate .meta{display:none}#ro-site #dash .rate-row{padding:5px 0}#ro-site #dash .talk .avatar{display:none}#ro-site .grid12.m-row{margin-inline:0;padding:0 0 6px;margin-bottom:0;scroll-padding-inline:0;gap:10px}#ro-site .grid12.m-row > .w{flex-basis:86%;max-width:86%}#ro-site .grid12 + .m-dots{margin-top:8px}#ro-site .pg-hero .hero-side .lede{font-size:16px;line-height:1.38;margin-bottom:10px}#ro-site .pg-hero .hero-stage{margin-top:20px}#ro-site .dash-chrome .chrome-tag{display:none}#ro-site .week-hint{display:none}#ro-site .att-today{margin-bottom:10px}#ro-site .att-today .t{font-size:34px}#ro-site .dd{margin-top:10px;padding:10px 12px;gap:2px 10px}#ro-site .dd-note{font-size:14px}#ro-site .dd-note .who-n{display:none}#ro-site .pg-cap{font-size:13px;line-height:1.4}#ro-site .tiles{gap:10px}#ro-site .tile{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:stretch;border-radius:18px}#ro-site .tile:hover{transform:none}#ro-site .tile-img{aspect-ratio:auto;min-height:96px;align-self:stretch}#ro-site .tile-body{padding:12px 36px 12px 14px;gap:4px;justify-content:center}#ro-site .t-tag{font-size:13px}#ro-site .prob{font-size:16px;line-height:1.22;max-width:none}#ro-site .tile-body .sol, #ro-site .tile-body .res{display:none}#ro-site .tile-more{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;min-height:0;font-size:0;gap:0}#ro-site .tile-more .chev{width:9px;height:14px}#ro-site #dashboard.sec{padding-block:44px}#ro-site .dsec{gap:12px}#ro-site .dsec-copy .btn{margin-top:18px}#ro-site .dsec-copy .ph, #ro-site .dsec-copy .photo{margin-top:18px}#ro-site #dashboard .dsec-copy .photo{aspect-ratio:2.6\/1}#ro-site .zooms{gap:10px}#ro-site .zc{padding:12px 14px 13px;gap:6px;border-radius:16px}#ro-site .zc p{display:none}#ro-site .zc-vis{position:static;height:auto;margin:0;background:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;gap:8px}#ro-site .zc-vis .zx{position:static;font-size:15.5px;font-weight:600;color:var(--text-primary)}#ro-site .zc-vis .zx svg{display:none}#ro-site .zv-att, #ro-site .zv-talk, #ro-site .zv-dev, #ro-site .zv-fb{position:static;inset:auto}#ro-site .zv-att > div:first-child{display:none}#ro-site .zv-att .row{gap:6px}#ro-site .zv-att .row i{height:42px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;font-size:12px;font-weight:600;font-style:normal;font-variant-numeric:tabular-nums}#ro-site .zv-att .row i::before{content:attr(data-d);font-size:10.5px;font-weight:500;opacity:.85}#ro-site .zv-att .row i::after{content:attr(data-t)}#ro-site .zv-att .row i.late{color:var(--text-primary)}#ro-site .zv-talk{display:block}#ro-site .zv-talk q, #ro-site .zv-talk .by{display:none}#ro-site .zv-talk .zv-plan{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-secondary);line-height:1.3}#ro-site .zv-talk .zv-plan .pill{margin:0;font-size:11px;padding:3px 8px}#ro-site .zv-dev{display:flex;flex-direction:column;gap:6px;justify-content:flex-start}#ro-site .zv-dev div{padding:9px 10px;border-radius:10px;font-size:13.5px;background:var(--well);box-shadow:none;transform:none}#ro-site .zv-dev div:first-child{transform:none}#ro-site .zv-dev .pill{font-size:11px;padding:3px 8px}#ro-site .zv-fb{display:block}#ro-site .zv-fb .route{display:none}#ro-site .zv-fb .inp{height:40px;border-radius:12px;padding:0 12px}#ro-site .zv-fb .zv-send{display:inline-flex;min-height:40px;padding:0 14px}#ro-site .zv-fb .zv-ok{margin-top:6px}#ro-site :is(#kantoren,#waar) .wrap{display:flex;flex-direction:column}#ro-site :is(#kantoren,#waar) .sec-head{order:0}#ro-site :is(#kantoren,#waar) .offices-row{display:contents}#ro-site :is(#kantoren,#waar) .globe{display:block;order:1;width:min(300px,100%);margin:0 auto}#ro-site :is(#kantoren,#waar) .offices{order:2}#ro-site :is(#kantoren,#waar) .off-details{order:3}#ro-site :is(#kantoren,#waar) .off-details + .m-dots{order:3}#ro-site :is(#kantoren,#waar) .fm-row{order:4;margin-top:16px;gap:12px}#ro-site :is(#kantoren,#waar) .fm-row .photo{display:block;aspect-ratio:3\/2}#ro-site :is(#kantoren,#waar) .off-head{margin:24px 0 12px}#ro-site .globe{display:none}#ro-site .off-grid{display:none}#ro-site .off-head{margin:0 0 12px;font-size:20px}#ro-site .off-details{width:auto;justify-self:stretch}#ro-site .off-detail[hidden]{display:block}#ro-site .off-detail .off-photo{aspect-ratio:2\/1}#ro-site .off-detail-body{padding:12px 16px 14px;gap:12px}#ro-site .off-detail .off-city{font-size:19px}#ro-site .off-detail .off-country{font-size:14px;margin-top:2px}#ro-site .off-detail .clk{font-size:22px}#ro-site .fm-row .photo{display:none}#ro-site .fm-card{padding:22px 20px;gap:16px}#ro-site .fm-card p{font-size:19px;max-width:none}#ro-site .sx-rows{margin-top:24px;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-card);overflow:hidden}#ro-site .sx-rows .sx-row, #ro-site .sx-rows .sx-row.flip{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:0}#ro-site .sx-rows .sx-row.flip{border-top:1px solid var(--line-2)}#ro-site .sx-rows .sx-row.flip .sx-media{order:0}#ro-site .sx-rows .sx-meta{margin:0;padding:14px 18px 10px;font-size:14px}#ro-site .sx-rows .sx-vid{border-radius:0;box-shadow:none}#ro-site .sx-rows .sx-text{padding:16px 18px 20px}#ro-site .sx-rows .sx-role{margin-bottom:10px}#ro-site .sx-rows .sx-text h3{font-size:20px}#ro-site .sx-rows .sx-text p, #ro-site .sx-rows .sx-chips{display:none}#ro-site .sx-rows .sx-name{margin-top:14px}#ro-site .sx-marquee.m-row{display:block;-webkit-mask-image:none;mask-image:none;padding-top:0}#ro-site .sx-marquee.m-row > .sx-track{flex:none;max-width:none;width:max-content;animation:none;gap:12px;padding:0}#ro-site .m-row .sx-rev{width:78vw;max-width:320px;scroll-snap-align:start;padding:18px;gap:10px}#ro-site .m-row .sx-rev blockquote{font-size:15px}#ro-site .m-row .sx-rev:nth-child(n+9){display:none}#ro-site .fn-grid{gap:14px}#ro-site .fn-sticky{gap:10px}#ro-site .funnel{width:min(200px,100%)}#ro-site .fn-cap{font-size:15px}#ro-site .fn-steps.m-row .fn-step{opacity:1;transform:none;padding:18px 18px 20px}#ro-site .fn-steps + .m-dots{display:none}#ro-site .fn-nav{display:flex;justify-content:center;gap:10px;margin-top:2px}#ro-site .fn-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:var(--panel);display:grid;place-items:center;color:var(--text-primary);cursor:pointer;padding:0}#ro-site .fn-arrow svg{width:9px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#ro-site .fn-arrow:disabled{opacity:.35;cursor:default}#ro-site .fn-step h3{font-size:21px;margin-bottom:6px}#ro-site .fn-step p{font-size:15.5px;line-height:1.45}#ro-site .about-grid{gap:20px}#ro-site .about-photo{width:min(260px,100%)}#ro-site .acc{margin-top:0}#ro-site .faq{gap:20px}#ro-site .faq .qa button, #ro-site .qa button{font-size:15.5px;padding:9px 2px;gap:12px;min-height:0;line-height:1.3}#ro-site .qa h3{line-height:1.3}#ro-site .qa .pm{width:24px;height:24px}#ro-site .qa-panel p{padding:0 8px 16px 2px;font-size:15.5px}#ro-site .demo{padding:36px 16px 16px}#ro-site .demo-head{margin-bottom:20px}#ro-site .skill{padding:18px 18px 16px;gap:8px}#ro-site .skill-title{font-size:21px}#ro-site .skill-blurb{font-size:15px}#ro-site .skill-roles li{font-size:14.5px;padding:8px 0}#ro-site .skill-roles li:first-child{padding-top:2px}#ro-site .skill-more{font-size:14.5px;min-height:32px}#ro-site .foot-grid{gap:0;padding:44px 0 20px}#ro-site .foot-brand{margin-bottom:22px}#ro-site .foot-col h2{display:flex;align-items:center;justify-content:space-between;margin:0;padding:15px 0;border-top:1px solid rgba(255,255,255,.09);cursor:pointer;user-select:none}#ro-site .foot-col:last-child h2{border-bottom:1px solid rgba(255,255,255,.09)}#ro-site .foot-col h2::after{content:\"\";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .35s var(--ease)}#ro-site .foot-col.open h2::after{transform:rotate(225deg)}#ro-site .foot-col ul{display:none;padding:2px 0 16px}#ro-site .foot-col.open ul{display:block}#ro-site .foot-legal{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:18px 0}#ro-site .foot-bottom{padding:18px 0 28px}\n}@media (max-width:760px){#ro-site .sx-row .sx-play{justify-content:center;padding:0;gap:8px;background:linear-gradient(180deg,rgba(12,17,14,0) 60%,rgba(12,17,14,.35) 100%)}#ro-site .sx-row .sx-play .c{width:46px;height:46px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}#ro-site .sx-row .sx-play .c svg{width:30px;height:30px;margin:0 0 0 2px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}#ro-site .sx-row .sx-play .l{position:absolute;left:0;right:0;top:calc(50% + 31px);text-align:center;font-size:13px}\n}#ro-site #dashboard .zooms > .zc:last-child:nth-child(odd){grid-column:1 \/ -1}#ro-site #dashboard .zooms > .zc:last-child:nth-child(odd) .zv-dev div:first-child{transform-origin:50% 50%}\n\n<\/style>\n<style data-ro=\"pages.css\">\n#ro-site .pg-hero{padding-bottom:0}#ro-site .pg-hero .hero-main{max-width:980px}#ro-site .pg-hero .hero-side .lede{max-width:62ch}#ro-site .pg-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;font-size:15px;font-weight:500;color:var(--accent-ink);\n  opacity:0;transform:translateY(8px);transition:opacity .8s var(--ease) .05s,transform .8s var(--ease) .05s}.ready #ro-site .pg-kicker{opacity:1;transform:none}#ro-site .pg-kicker i{width:8px;height:8px;border-radius:50%;background:var(--accent)}#ro-site .pg-cover{margin:56px auto 0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:21\/9;background:var(--well)}#ro-site .pg-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}#ro-site .pg-cap{display:block;margin-top:14px;text-align:center;font-size:14px;color:var(--text-tertiary)}#ro-site .pg-hero .vid{margin-top:56px}#ro-site .pg-hero .hero-stage{margin-top:56px}#ro-site .pg-hero .hero-stage::before{inset:10% 8% -4%}#ro-site .pg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#ro-site .pg-stat{background:var(--panel);border-radius:var(--r-lg);padding:28px 26px 26px;box-shadow:var(--shadow-card)}#ro-site .pg-stat b{display:block;font-weight:600;font-size:clamp(34px,3.4vw,46px);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}#ro-site .pg-stat > span{display:block;margin-top:10px;font-size:15.5px;color:var(--text-secondary);line-height:1.4}#ro-site .pg-stat b span{font:inherit;color:inherit;letter-spacing:inherit}#ro-site .band .pg-stat{box-shadow:none}#ro-site .pg-chap{max-width:720px;margin-inline:auto}#ro-site .pg-chap .h2{margin-bottom:24px;max-width:none}#ro-site .pg-chap p{font-size:20px;line-height:1.55;color:var(--text-secondary);margin-bottom:20px;text-wrap:pretty}#ro-site .pg-chap p:last-child{margin-bottom:0}#ro-site .pg-chap-c{text-align:center}#ro-site .pg-chap-c .h2{margin-inline:auto}#ro-site .pg-chap .cta-row{margin-top:30px}#ro-site .pg-chap .tlink{margin-top:18px;display:inline-flex}#ro-site .pg-tl{position:relative;max-width:1100px;margin-inline:auto;padding:12px 0 8px}#ro-site .pg-tl::before{content:\"\";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line-2);border-radius:2px}#ro-site .pg-tl-fill{position:absolute;left:50%;top:0;width:2px;margin-left:-1px;height:calc(var(--p,0)*100%);background:var(--accent);border-radius:2px;transition:height .2s linear}#ro-site .pg-tl-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;padding:36px 0}#ro-site .pg-tl-node{grid-column:2;grid-row:1;justify-self:center;width:52px;height:52px;border-radius:50%;background:var(--canvas);box-shadow:inset 0 0 0 2px var(--line-2);\n  display:grid;place-items:center;font-weight:600;font-size:18px;color:var(--text-secondary);\n  transition:background-color .5s var(--ease),color .5s var(--ease),box-shadow .5s var(--ease),transform .6s var(--ease)}#ro-site .band .pg-tl-node{background:var(--band)}#ro-site .pg-tl-item.on .pg-tl-node{background:var(--accent-ink);color:#fff;box-shadow:0 0 0 8px var(--accent-muted);transform:scale(1.06)}#ro-site .pg-tl-text{grid-column:1;grid-row:1;padding-right:24px;opacity:.5;transform:translateY(10px);transition:opacity .6s var(--ease),transform .7s var(--ease)}#ro-site .pg-tl-photo{grid-column:3;grid-row:1;padding-left:24px}#ro-site .pg-tl-item:nth-child(even) .pg-tl-text{grid-column:3;padding:0 0 0 24px}#ro-site .pg-tl-item:nth-child(even) .pg-tl-photo{grid-column:1;padding:0 24px 0 0}#ro-site .pg-tl-item.on .pg-tl-text{opacity:1;transform:none}#ro-site .pg-who{display:inline-block;font-size:14px;font-weight:600;color:var(--accent-ink);background:var(--accent-muted);border-radius:999px;padding:5px 11px;margin-bottom:14px}#ro-site .pg-who.us{color:var(--text-secondary);background:rgba(18,25,22,.07)}#ro-site .pg-tl-text h3{font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.014em;margin-bottom:12px}#ro-site .pg-tl-text p{font-size:17px;line-height:1.5;color:var(--text-secondary);max-width:46ch}#ro-site .pg-tl-text p + p{margin-top:10px}#ro-site .pg-list{margin-top:16px;display:flex;flex-direction:column;gap:9px}#ro-site .pg-list li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45;color:var(--text-primary)}#ro-site .pg-list li svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--accent-ink)}#ro-site .pg-tl-text .tlink{margin-top:16px}#ro-site .pg-tl-photo .photo{aspect-ratio:3\/2}#ro-site .pg-tl-photo .photo.tall{aspect-ratio:4\/5;width:min(360px,100%);margin-inline:auto}#ro-site .pg-tl-note{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:500;text-align:center}#ro-site .pg-tl-note svg{width:18px;height:18px;color:var(--accent-ink);flex:none}#ro-site .pg-feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding:44px 0}#ro-site .pg-feat + .pg-feat{border-top:1px solid var(--line-2)}#ro-site .pg-feat.flip .pg-feat-text{order:2}#ro-site .pg-feat-text h3{font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.12;letter-spacing:-.014em;margin-bottom:14px}#ro-site .pg-feat-text p{font-size:17.5px;line-height:1.5;color:var(--text-secondary);max-width:46ch}#ro-site .pg-feat-text p + p{margin-top:12px}#ro-site .pg-res{margin-top:18px;display:flex;gap:9px;align-items:flex-start;font-weight:600;font-size:16.5px;line-height:1.35;color:var(--text-primary)}#ro-site .pg-res svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--accent-ink)}#ro-site .pg-feat-vis{min-width:0}#ro-site .pg-feat-vis .zc-vis{height:320px;border-radius:var(--r-lg);margin:0;background:var(--well)}#ro-site .band .pg-feat-vis .zc-vis{background:var(--panel)}#ro-site .pg-feat-vis .zv-att{inset:48px 26px 26px}#ro-site .pg-feat-vis .zv-att .big{font-size:88px}#ro-site .pg-feat-vis .zv-att .row i{height:34px}#ro-site .pg-feat-vis .zv-talk{inset:48px 26px 26px}#ro-site .pg-feat-vis .zv-talk q{font-size:30px;max-width:24ch}#ro-site .pg-feat-vis .zv-dev, #ro-site .pg-feat-vis .zv-fb{inset:48px 26px 26px}#ro-site .pg-feat-vis .zv-dev div{font-size:16px;padding:16px 16px}#ro-site .pg-feat-vis .photo{aspect-ratio:3\/2}#ro-site .pg-rate{position:absolute;inset:48px 26px 26px;display:flex;flex-direction:column;justify-content:center;gap:6px}#ro-site .pg-rate div{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:16px;font-weight:500}#ro-site .pg-rate div:last-child{border-bottom:0}#ro-site .pg-rate .dots{margin-left:auto}#ro-site .pg-rate .dots i{width:14px;height:14px}#ro-site .pg-rate .dots .dot-on::after{transition-delay:calc(.2s + var(--i)*60ms)}#ro-site .pg-rate small{font-size:13px;color:var(--text-secondary);width:34px;text-align:right;font-variant-numeric:tabular-nums}#ro-site .in .pg-rate .dots .dot-on::after{transform:none}#ro-site .pg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#ro-site .pg-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}#ro-site .pg-card{background:var(--panel);border-radius:var(--r-lg);padding:28px 26px 26px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}#ro-site .band .pg-card{box-shadow:none}#ro-site .pg-ico{width:44px;height:44px;border-radius:14px;background:var(--accent-muted);color:var(--accent-ink);display:grid;place-items:center;margin-bottom:6px}#ro-site .pg-ico svg{width:22px;height:22px}#ro-site .pg-card h3{font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.012em}#ro-site .pg-card p{font-size:16px;line-height:1.5;color:var(--text-secondary)}#ro-site .pg-card .tlink{margin-top:auto;padding-top:8px;align-self:flex-start}#ro-site a.pg-card{text-decoration:none;color:inherit;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}#ro-site a.pg-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(18,25,22,.03),0 26px 50px -30px rgba(18,25,22,.25)}#ro-site .pg-card .flag{margin-bottom:4px}#ro-site .pg-day{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-top:34px}#ro-site .pg-day::before{content:\"\";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line-2)}#ro-site .pg-day::after{content:\"\";position:absolute;left:0;top:9px;height:2px;width:calc(var(--p,0)*100%);background:var(--accent);transition:width .2s linear}#ro-site .pg-day li{position:relative}#ro-site .pg-day li::before{content:\"\";position:absolute;left:0;top:-31px;width:12px;height:12px;border-radius:50%;background:var(--canvas);box-shadow:inset 0 0 0 2px var(--line-2);transition:background-color .4s var(--ease),box-shadow .4s var(--ease)}#ro-site .band .pg-day li::before{background:var(--band)}#ro-site .pg-day li.on::before{background:var(--accent);box-shadow:0 0 0 5px var(--accent-muted)}#ro-site .pg-day b{display:block;font-weight:600;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}#ro-site .pg-day strong{display:block;margin-top:8px;font-weight:600;font-size:16.5px;line-height:1.3}#ro-site .pg-day p{margin-top:6px;font-size:15px;line-height:1.45;color:var(--text-secondary)}#ro-site .pg-day-note{margin-top:36px;text-align:center;font-size:16px;color:var(--text-secondary)}#ro-site .pg-cmp-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-card);background:var(--panel)}#ro-site .pg-cmp{width:100%;min-width:680px;border-collapse:separate;border-spacing:0}#ro-site .pg-cmp th, #ro-site .pg-cmp td{padding:15px 18px;text-align:center;font-size:15.5px;border-bottom:1px solid var(--line)}#ro-site .pg-cmp th{font-weight:600;font-size:15px;color:var(--text-secondary);background:var(--well)}#ro-site .pg-cmp th:first-child, #ro-site .pg-cmp td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}#ro-site .pg-cmp th.ro, #ro-site .pg-cmp td.ro{background:var(--accent-muted)}#ro-site .pg-cmp th.ro{color:var(--accent-ink)}#ro-site .pg-cmp .y, #ro-site .pg-cmp .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;vertical-align:middle}#ro-site .pg-cmp .y{background:var(--accent);color:#fff;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(var(--i,0)*40ms)}#ro-site .pg-cmp .n{box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--text-tertiary)}#ro-site .pg-cmp .y svg, #ro-site .pg-cmp .n svg{width:13px;height:13px}#ro-site .in .pg-cmp .y{transform:none}#ro-site .pg-cmp tfoot td{font-weight:600;font-size:17px;background:var(--well);border-bottom:0;border-top:1px solid var(--line-2)}#ro-site .pg-cmp tfoot td.ro{color:var(--accent-ink);font-size:20px}#ro-site .pg-cmp-note{margin-top:16px;font-size:14px;color:var(--text-tertiary);text-align:center}#ro-site .pg-fm{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:stretch}#ro-site .pg-fm .photo{aspect-ratio:auto;min-height:480px}#ro-site .pg-fm-card{background:var(--deep);color:var(--on-deep);border-radius:var(--r-lg);padding:40px 36px;display:flex;flex-direction:column;gap:20px}#ro-site .pg-fm-card h3{color:var(--on-deep);font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.012em}#ro-site .pg-fm-card p{font-size:17px;line-height:1.5;color:var(--on-deep-2)}#ro-site .pg-fm-card .pg-list li{color:var(--on-deep)}#ro-site .pg-fm-card .pg-list li svg{color:#9FD8B8}#ro-site .pg-fm-card .tlink{margin-top:auto;padding-top:10px}#ro-site .pg-quote{max-width:860px;margin:0 auto;text-align:center}#ro-site .pg-quote blockquote{font-weight:500;font-size:clamp(24px,2.6vw,34px);line-height:1.3;letter-spacing:-.012em;text-wrap:balance}#ro-site .pg-quote cite{display:block;margin-top:18px;font-style:normal;font-size:15px;color:var(--text-tertiary)}#ro-site .pg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px}#ro-site .pg-two figcaption{display:block;margin-top:12px;font-size:14px;color:var(--text-tertiary)}#ro-site .pg-two .photo{aspect-ratio:3\/2}#ro-site .pg-filter{position:sticky;top:64px;z-index:20;background:rgba(251,252,251,.86);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--line);padding:14px 0}#ro-site .pg-filter-in{display:flex;align-items:center;gap:14px}#ro-site .pg-search{position:relative;flex:none;width:300px}#ro-site .pg-search input{width:100%;height:44px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);padding:0 16px 0 42px;font-size:15px;transition:box-shadow .3s var(--ease),border-color .3s var(--ease)}#ro-site .pg-search input::placeholder{color:#7C8781}#ro-site .pg-search input:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 4px rgba(76,175,125,.18)}#ro-site .pg-search svg{position:absolute;left:16px;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--text-tertiary);pointer-events:none}#ro-site .pg-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px;min-width:0}#ro-site .pg-chips::-webkit-scrollbar{display:none}#ro-site .pg-chip{flex:none;border:0;cursor:pointer;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:500;color:var(--text-secondary);background:rgba(18,25,22,.06);transition:background-color .3s var(--ease),color .3s var(--ease)}#ro-site .pg-chip:hover{color:var(--text-primary)}#ro-site .pg-chip[aria-pressed=\"true\"]{background:var(--text-primary);color:#fff}#ro-site .pg-count{margin:0 0 28px;font-size:16px;color:var(--text-secondary)}#ro-site .pg-count b{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}#ro-site .pg-groups{display:flex;flex-direction:column;gap:20px}#ro-site .pg-group{background:var(--panel);border-radius:var(--r-lg);padding:34px 36px 32px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px 40px;align-items:start;scroll-margin-top:150px}#ro-site .band .pg-group{box-shadow:none}#ro-site .pg-group[hidden]{display:none}#ro-site .pg-group-head h3{font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.014em;margin-bottom:12px}#ro-site .pg-group-head p{font-size:16.5px;line-height:1.5;color:var(--text-secondary)}#ro-site .pg-n{display:inline-block;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--accent-ink);background:var(--accent-muted);border-radius:999px;padding:5px 11px}#ro-site .pg-tasks{margin-top:16px;font-size:15px;line-height:1.5;color:var(--text-secondary)}#ro-site .pg-tasks b{color:var(--text-primary);font-weight:600}#ro-site .pg-tools{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}#ro-site .pg-tools li{font-size:12.5px;font-weight:500;color:var(--text-secondary);border:1px solid var(--line-2);border-radius:999px;padding:4px 9px}#ro-site .pg-roles{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}#ro-site .pg-roles li{font-size:15px;font-weight:500;color:var(--text-primary);background:var(--well);border-radius:999px;padding:9px 14px;transition:background-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease)}#ro-site .pg-roles li.hit{background:var(--accent-muted);color:var(--accent-ink)}#ro-site .pg-roles li.dim{opacity:.35}#ro-site .pg-group .photo{grid-column:1 \/ -1;aspect-ratio:21\/9;margin-top:10px}#ro-site .pg-none{display:none;text-align:center;font-size:18px;color:var(--text-secondary);padding:48px 0}#ro-site .pg-none.show{display:block}#ro-site .pg-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#ro-site .pg-mosaic figure{margin:0}#ro-site .pg-mosaic .photo{aspect-ratio:4\/3}#ro-site .pg-mosaic figcaption{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:15px;font-weight:500}#ro-site .pg-mosaic figcaption small{font-weight:400;color:var(--text-secondary);margin-left:auto}#ro-site .pg-sol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;padding:56px 0;scroll-margin-top:84px}#ro-site .pg-sol + .pg-sol{border-top:1px solid var(--line-2)}#ro-site .pg-sol.flip .pg-sol-media{order:2}#ro-site .pg-sol-media{position:sticky;top:104px}#ro-site .pg-sol-media .photo{aspect-ratio:4\/3}#ro-site .pg-sol-tag{display:inline-block;font-size:16px;font-weight:600;color:var(--accent-ink);margin-bottom:12px}#ro-site .pg-sol h3{font-weight:600;font-size:clamp(26px,2.8vw,36px);line-height:1.12;letter-spacing:-.016em;margin-bottom:6px;max-width:22ch}#ro-site .pg-sol-lbl{display:block;margin:24px 0 8px;font-size:14px;font-weight:600;color:var(--text-secondary)}#ro-site .pg-sol-text p:not(.pg-sol-lbl):not(.pg-res){font-size:17.5px;line-height:1.52;color:var(--text-secondary);max-width:56ch}#ro-site .pg-sol .pg-list{margin-top:4px}#ro-site .pg-sol .pg-res{margin-top:24px;font-size:18px}#ro-site .pg-sol-tog{all:unset;display:block;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:default}#ro-site .pg-sol-tog .chev{display:none}#ro-site .pg-sol-body{display:block}#ro-site .pg-cmp-short{display:none}#ro-site .pg-feat-tog{all:unset;display:block;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:default}#ro-site .pg-feat-tog .chev{display:none}#ro-site .pg-feat-body{display:block}@media (max-width:1060px){#ro-site .pg-sol, #ro-site .pg-sol.flip{grid-template-columns:minmax(0,1fr);gap:24px;padding:40px 0}#ro-site .pg-sol.flip .pg-sol-media{order:0}#ro-site .pg-sol-media{position:static}#ro-site .pg-sol-media .photo{aspect-ratio:3\/2}\n}#ro-site .pg-exp-hero{padding-top:40px}#ro-site .pg-exp-hero .h1{font-size:clamp(38px,4.6vw,60px)}#ro-site .pg-exp-hero .hero-side .lede{margin-bottom:0;max-width:62ch}#ro-site .pg-exp-tools{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;text-align:left}#ro-site .pg-exp-tools .pg-search{width:min(360px,100%)}#ro-site .pg-exp-browser{margin-top:12px;text-align:left}#ro-site .pg-exp-in{display:grid;grid-template-columns:272px minmax(0,1fr);background:var(--panel);border:1px solid rgba(18,25,22,.06);border-radius:22px;box-shadow:var(--shadow-win);overflow:hidden;min-height:520px}#ro-site .pg-exp-nav{background:#F7F9F8;border-right:1px solid var(--line);padding:12px 12px;display:flex;flex-direction:column;gap:2px}#ro-site .pg-exp-tab{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;cursor:pointer;text-align:left;padding:9px 12px;border-radius:10px;\n  font-size:15px;font-weight:500;color:var(--text-secondary);transition:background-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease)}#ro-site .pg-exp-tab small{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums}#ro-site .pg-exp-tab:hover{background:rgba(18,25,22,.05);color:var(--text-primary)}#ro-site .pg-exp-tab[aria-pressed=\"true\"]{background:var(--text-primary);color:#fff}#ro-site .pg-exp-tab[aria-pressed=\"true\"] small{color:#9FD8B8}#ro-site .pg-exp-tab.dim{opacity:.4}#ro-site .pg-exp-panel{padding:28px 32px 30px;min-width:0}#ro-site .pg-exp-group[hidden]{display:none}#ro-site .pg-exp-group{animation:fadeup .45s var(--ease) both}#ro-site .pg-exp-group h2{font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.014em;margin-bottom:8px}#ro-site .pg-blurb{font-size:16.5px;line-height:1.5;color:var(--text-secondary);max-width:62ch;margin-bottom:20px}#ro-site .pg-exp-group .pg-tasks{margin-top:22px;max-width:70ch}#ro-site .searching .pg-exp-group{margin-bottom:22px;animation:none}#ro-site .searching .pg-exp-group h2{font-size:17px;margin-bottom:10px}#ro-site .searching .pg-blurb, #ro-site .searching .pg-tasks{display:none}#ro-site .pg-exp-panel .pg-none{padding:24px 0;text-align:left}#ro-site .pg-exp-foot{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:12px 18px;flex-wrap:wrap;font-size:16px;color:var(--text-secondary);text-align:center}#ro-site .pg-exp-end{padding-bottom:0}@media (max-width:1060px){#ro-site .pg-exp-in{grid-template-columns:minmax(0,1fr);min-height:0}#ro-site .pg-exp-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;border-right:0;border-bottom:1px solid var(--line);padding:10px}#ro-site .pg-exp-nav::-webkit-scrollbar{display:none}#ro-site .pg-exp-tab{flex:none;width:auto;padding:8px 12px;border-radius:999px;font-size:14px}#ro-site .pg-exp-tab small{margin-left:2px}\n}@media (max-width:760px){#ro-site .pg-exp-hero{padding-top:40px}#ro-site .pg-exp-tools{margin-top:24px}#ro-site .pg-exp-panel{padding:20px 16px 22px}#ro-site .pg-exp-group h2{font-size:22px}\n}#ro-site .pg-use{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 40px;align-items:stretch}#ro-site .pg-use-steps, #ro-site .pg-feed-list{list-style:none;margin:0;padding:0}#ro-site .pg-use-steps{display:contents}#ro-site .pg-feed{grid-column:1 \/ 4;grid-row:1 \/ 4;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-win);padding:20px 20px 22px;min-height:430px;display:flex;flex-direction:column;overflow:hidden}#ro-site .band .pg-feed{box-shadow:var(--shadow-card)}#ro-site .pg-feed-top{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}#ro-site .pg-feed-top i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-muted);animation:pgPulse 2.4s ease-in-out infinite}@keyframes pgPulse{0%,100%{box-shadow:0 0 0 4px var(--accent-muted)}50%{box-shadow:0 0 0 7px rgba(76,175,125,.12)}}#ro-site .pg-feed-top small{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--text-secondary)}#ro-site .pg-feed-list{display:flex;flex-direction:column;gap:10px;flex:1}#ro-site .pg-feed-item{display:flex;gap:12px;align-items:flex-start;background:var(--well);border-radius:16px;padding:12px 14px;transition:transform .55s var(--ease),opacity .4s var(--ease)}#ro-site .pg-feed-item.in{animation:pgFeedIn .6s var(--ease) both}#ro-site .pg-feed-item.out{opacity:0;transform:translateY(10px)}@keyframes pgFeedIn{from{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:none}}#ro-site .pg-fa{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:700;letter-spacing:.02em}#ro-site .pg-fa-me{background:var(--accent-muted);color:var(--accent-ink)}#ro-site .pg-fa-fm{background:var(--text-primary);color:#fff}#ro-site .pg-fa-sys{background:var(--panel);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--line-2)}#ro-site .pg-fa-sys .pg-ico{width:auto;height:auto;background:none;margin:0;color:inherit}#ro-site .pg-fa-sys svg{width:15px;height:15px}#ro-site .pg-ft{display:block;font-size:12.5px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-bottom:2px}#ro-site .pg-feed-item p{font-size:15px;line-height:1.4;color:var(--text-primary)}#ro-site .pg-use-step{grid-column:4 \/ 7;display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-lg);background:var(--well);\n  transition:opacity .5s var(--ease),background-color .5s var(--ease),box-shadow .5s var(--ease),transform .5s var(--ease)}#ro-site .pg-use-step[data-step]{opacity:.5}#ro-site .pg-use-step.on{opacity:1;background:var(--panel);box-shadow:var(--shadow-win);transform:translateX(6px)}#ro-site .pg-use-step .pg-ico{margin:0;flex:none}#ro-site .pg-use-step h3{font-weight:600;font-size:20px;line-height:1.2;letter-spacing:-.012em;margin-bottom:6px}#ro-site .pg-use-step p{font-size:15.5px;line-height:1.45;color:var(--text-secondary)}#ro-site .pg-use-fact{grid-column:span 2;grid-row:4;margin-top:24px;flex-direction:column;gap:10px;background:var(--panel);box-shadow:var(--shadow-card)}#ro-site .band .pg-use-fact{box-shadow:none}@media (max-width:1060px){#ro-site .pg-use{gap:14px 24px}#ro-site .pg-use-fact{grid-column:span 2}\n}@media (prefers-reduced-motion:reduce){#ro-site .pg-feed-top i{animation:none}#ro-site .pg-feed-item.in{animation:none}#ro-site .pg-use-step[data-step]{opacity:1}\n}#ro-site .pg-gone{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center}#ro-site .pg-gone-count{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#ro-site .pg-gone-n{display:inline-block;font-weight:600;font-size:clamp(120px,15vw,210px);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--heading);\n  transition:transform .3s var(--ease),opacity .22s var(--ease),color .6s var(--ease)}#ro-site .pg-gone-n.tick{transform:translateY(-16px) scale(.96);opacity:0}#ro-site .pg-gone.all .pg-gone-n{color:var(--accent-ink)}#ro-site .pg-gone-l{font-size:21px;line-height:1.3;color:var(--text-secondary);max-width:14ch;margin-top:10px}#ro-site .pg-gone-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}#ro-site .pg-gone-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-card);\n  opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .7s var(--ease),background-color .6s var(--ease),box-shadow .6s var(--ease)}#ro-site .band .pg-gone-item{box-shadow:none}#ro-site .pg-gone.go .pg-gone-item{opacity:1;transform:none;transition-delay:calc(var(--i,0)*110ms)}#ro-site .pg-gone-item.done{background:var(--well);box-shadow:none;transition-delay:0s}#ro-site .pg-gone-ico{position:relative;width:48px;height:48px;border-radius:15px;background:var(--accent-muted);color:var(--accent-ink);display:grid;place-items:center;transition:background-color .45s var(--ease),color .45s var(--ease)}#ro-site .pg-gone-ico .pg-ico{margin:0;width:auto;height:auto;background:none;color:inherit;transition:opacity .3s var(--ease),transform .4s var(--ease)}#ro-site .pg-gone-check{position:absolute;inset:0;margin:auto;width:24px;height:24px;opacity:0;transform:scale(.6);stroke-dasharray:26;stroke-dashoffset:26}#ro-site .pg-gone-item.done .pg-gone-ico{background:var(--accent-ink);color:#fff}#ro-site .pg-gone-item.done .pg-gone-ico .pg-ico{opacity:0;transform:scale(.5)}#ro-site .pg-gone-item.done .pg-gone-check{opacity:1;transform:none;stroke-dashoffset:0;transition:opacity .2s var(--ease),transform .45s cubic-bezier(.3,1.5,.5,1),stroke-dashoffset .5s var(--ease) .1s}#ro-site .pg-gone-txt h3{display:inline;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.012em;padding:0 2px;margin:0 -2px;\n  background:linear-gradient(var(--accent-ink),var(--accent-ink)) no-repeat 0 55% \/ 0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;\n  transition:color .5s var(--ease),background-size .5s var(--ease)}#ro-site .pg-gone-txt p{margin-top:4px}#ro-site .pg-gone-item.done .pg-gone-txt h3{color:var(--text-secondary);background-size:100% 2px}#ro-site .pg-gone-txt p{font-size:15.5px;line-height:1.45;color:var(--text-secondary)}#ro-site .pg-gone-tag{font-size:13px;font-weight:600;color:var(--accent-ink);background:var(--accent-muted);border-radius:999px;padding:6px 11px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .4s var(--ease) .15s,transform .5s var(--ease) .15s}#ro-site .pg-gone-item.done .pg-gone-tag{opacity:1;transform:none}@media (max-width:1060px){#ro-site .pg-gone{grid-template-columns:minmax(0,1fr);gap:24px}#ro-site .pg-gone-count{flex-direction:row;align-items:baseline;gap:14px}#ro-site .pg-gone-n{font-size:96px}#ro-site .pg-gone-l{margin-top:0;max-width:none;font-size:19px}\n}@media (prefers-reduced-motion:reduce){#ro-site .pg-gone-item{opacity:1;transform:none}#ro-site .pg-gone-n{transition:none}\n}#ro-site .pg-safe{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px;align-items:stretch}#ro-site .pg-safe-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;justify-content:center}#ro-site .pg-safe-stage{position:relative;min-height:380px;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-win);overflow:hidden}#ro-site .band .pg-safe-stage{box-shadow:var(--shadow-card)}#ro-site .pg-safe-scene{position:absolute;inset:0;padding:30px 32px;display:flex;flex-direction:column;justify-content:center;gap:22px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}#ro-site .pg-safe-scene.on{opacity:1;transform:none}#ro-site .pg-safe-note{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}#ro-site .pg-safe-scene.on .pg-safe-note{opacity:1;transform:none;transition-delay:1.6s}#ro-site .pg-safe-top{display:flex;align-items:baseline;gap:10px;font-size:15px;color:var(--text-secondary)}#ro-site .pg-safe-top b{font-size:20px;color:var(--text-primary);font-weight:600;letter-spacing:-.012em}#ro-site .pg-safe-top em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}#ro-site .pg-safe-top u{text-decoration:none;color:var(--text-primary);font-weight:600}#ro-site .pg-safe-days{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}#ro-site .pg-safe-days i{display:block;aspect-ratio:1;border-radius:7px;background:var(--well);transform:scale(.85);transition:background-color .3s var(--ease),transform .35s cubic-bezier(.3,1.4,.5,1)}#ro-site .pg-safe-scene.on .pg-safe-days i{background:var(--accent);transform:none;transition-delay:calc(.25s + var(--i)*45ms)}#ro-site .pg-safe-swap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}#ro-site .pg-safe-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px;border-radius:18px;background:var(--well);transition:opacity .6s var(--ease),transform .7s var(--ease),filter .6s var(--ease)}#ro-site .pg-safe-card .pg-fa{width:40px;height:40px}#ro-site .pg-safe-card .pg-fa .pg-ico{margin:0;width:auto;height:auto;background:none;color:inherit}#ro-site .pg-safe-card .pg-fa svg{width:19px;height:19px}#ro-site .pg-safe-card b{display:block;font-size:15.5px;font-weight:600;line-height:1.2}#ro-site .pg-safe-card small{display:block;font-size:13px;color:var(--text-secondary);margin-top:2px}#ro-site .pg-safe-card em{position:absolute;top:-12px;right:12px;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--accent-ink);border-radius:999px;padding:4px 10px;opacity:0;transform:scale(.6);transition:opacity .3s var(--ease),transform .5s cubic-bezier(.3,1.5,.5,1)}#ro-site .pg-safe-card.new{opacity:0;transform:translateX(24px)}#ro-site .pg-safe-scene.on .pg-safe-card.gone{opacity:.45;transform:translateX(-10px) scale(.96);filter:grayscale(1);transition-delay:.5s}#ro-site .pg-safe-scene.on .pg-safe-card.new{opacity:1;transform:none;transition-delay:.9s}#ro-site .pg-safe-scene.on .pg-safe-card.new em{opacity:1;transform:none;transition-delay:1.5s}#ro-site .pg-safe-arrow{width:36px;height:36px;border-radius:50%;background:var(--accent-muted);color:var(--accent-ink);display:grid;place-items:center}#ro-site .pg-safe-arrow .pg-ico{margin:0;width:auto;height:auto;background:none;color:inherit}#ro-site .pg-safe-arrow svg{width:18px;height:18px}#ro-site .pg-safe-scene.on .pg-safe-arrow svg{animation:pgSpin .9s var(--ease) .6s both}@keyframes pgSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#ro-site .pg-safe-months{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#ro-site .pg-safe-months span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 6px 12px;border-radius:14px;background:var(--well);font-size:15px;font-weight:600;color:var(--text-secondary);transition:background-color .5s var(--ease),color .5s var(--ease),transform .5s var(--ease)}#ro-site .pg-safe-months small{font-size:11.5px;font-weight:500;line-height:1.2;text-align:center;min-height:14px;opacity:0;transition:opacity .4s var(--ease)}#ro-site .pg-safe-scene.on .pg-safe-months .now{background:var(--text-primary);color:#fff;transition-delay:.4s}#ro-site .pg-safe-scene.on .pg-safe-months .last{background:var(--accent-muted);color:var(--accent-ink);transition-delay:.9s}#ro-site .pg-safe-scene.on .pg-safe-months .free{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-ink);transition-delay:1.3s}#ro-site .pg-safe-scene.on .pg-safe-months small{opacity:1}#ro-site .pg-safe-scene.on .pg-safe-months .now small{transition-delay:.5s}#ro-site .pg-safe-scene.on .pg-safe-months .last small{transition-delay:1s}#ro-site .pg-safe-scene.on .pg-safe-months .free small{transition-delay:1.4s}#ro-site .pg-safe-step{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-lg);background:var(--well);opacity:.5;\n  transition:opacity .5s var(--ease),background-color .5s var(--ease),box-shadow .5s var(--ease),transform .5s var(--ease)}#ro-site .pg-safe-step.on{opacity:1;background:var(--panel);box-shadow:var(--shadow-win);transform:translateX(6px)}#ro-site .pg-safe-step:hover{opacity:.85}#ro-site .pg-safe-step:focus-visible{outline:2px solid var(--accent);outline-offset:3px;opacity:1}#ro-site .pg-safe-step .pg-ico{margin:0;flex:none}#ro-site .pg-safe-step h3{font-weight:600;font-size:20px;line-height:1.2;letter-spacing:-.012em;margin-bottom:6px}#ro-site .pg-safe-step p{font-size:15.5px;line-height:1.45;color:var(--text-secondary)}@media (max-width:1060px){#ro-site .pg-safe{gap:24px}}@media (prefers-reduced-motion:reduce){#ro-site .pg-safe-scene, #ro-site .pg-safe-note, #ro-site .pg-safe-days i, #ro-site .pg-safe-card, #ro-site .pg-safe-card em, #ro-site .pg-safe-months span, #ro-site .pg-safe-months small, #ro-site .pg-safe-step{transition:none!important}#ro-site .pg-safe-scene.on .pg-safe-arrow svg{animation:none}#ro-site .pg-safe-step{opacity:1}\n}#ro-site .pg-team-roles{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}#ro-site .pg-team-roles li{font-size:15px;line-height:1.35;color:var(--text-primary);padding:9px 0;border-top:1px solid var(--line)}#ro-site .pg-team-roles li:first-child{border-top:0;padding-top:2px}#ro-site .pg-sys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;background:var(--panel);border-radius:var(--r-lg);padding:14px 32px;box-shadow:var(--shadow-card)}#ro-site .band .pg-sys{box-shadow:none}#ro-site .pg-sys-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:baseline;padding:15px 0;border-top:1px solid var(--line)}#ro-site .pg-sys-row:nth-child(-n+2){border-top:0}#ro-site .pg-sys-row b{font-weight:600;font-size:15.5px;letter-spacing:-.005em}#ro-site .pg-sys-row span{font-size:15px;line-height:1.45;color:var(--text-secondary)}#ro-site .pg-sys-more{display:none}#ro-site .pg-prof-row{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px;align-items:center}#ro-site .pg-prof{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-win);padding:28px 30px 26px}#ro-site .pg-prof-top{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:6px}#ro-site .pg-prof-tag{display:inline-block;font-size:12.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-muted);border-radius:999px;padding:5px 10px;margin-bottom:12px}#ro-site .pg-prof-top h3{font-weight:600;font-size:26px;line-height:1.15;letter-spacing:-.014em}#ro-site .pg-prof-top p{margin-top:6px;font-size:14.5px;color:var(--text-secondary)}#ro-site .pg-prof-list{margin:0}#ro-site .pg-prof-list > div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:13px 0;border-top:1px solid var(--line)}#ro-site .pg-prof-list > div:first-child{border-top:0}#ro-site .pg-prof-list dt{font-size:13px;font-weight:600;color:var(--text-secondary);padding-top:2px}#ro-site .pg-prof-list dd{margin:0;font-size:15.5px;line-height:1.45;color:var(--text-primary)}#ro-site .pg-prof-txt h3{font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.012em;margin-bottom:14px}#ro-site .pg-prof-txt p{font-size:17.5px;line-height:1.5;color:var(--text-secondary);max-width:46ch}#ro-site .pg-prof-txt p + p{margin-top:12px}#ro-site .pg-prof-txt .tlink{margin-top:18px}@media (max-width:1060px){#ro-site .pg-sys{grid-template-columns:minmax(0,1fr);gap:0;padding:6px 24px}#ro-site .pg-sys-row:nth-child(2){border-top:1px solid var(--line)}#ro-site .pg-sys-row{grid-template-columns:170px minmax(0,1fr)}#ro-site .pg-prof-row{grid-template-columns:minmax(0,1fr);gap:28px}\n}#ro-site .pg-cta-sec{padding-bottom:0}#ro-site .pg-cta .demo-head{margin-bottom:0}#ro-site .pg-cta .btn{margin-top:30px}@media (max-width:1060px){#ro-site .pg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#ro-site .pg-tl::before, #ro-site .pg-tl-fill{left:26px}#ro-site .pg-tl-item, #ro-site .pg-tl-item:nth-child(even){grid-template-columns:52px minmax(0,1fr);gap:0 20px;padding:28px 0}#ro-site .pg-tl-node{grid-column:1;grid-row:1;align-self:start}#ro-site .pg-tl-text, #ro-site .pg-tl-item:nth-child(even) .pg-tl-text{grid-column:2;grid-row:1;padding:0}#ro-site .pg-tl-photo, #ro-site .pg-tl-item:nth-child(even) .pg-tl-photo{grid-column:2;grid-row:2;padding:20px 0 0}#ro-site .pg-tl-photo .photo.tall{margin:0}#ro-site .pg-feat, #ro-site .pg-feat.flip{grid-template-columns:minmax(0,1fr);gap:28px}#ro-site .pg-feat.flip .pg-feat-text{order:0}#ro-site .pg-cards, #ro-site .pg-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}#ro-site .pg-day{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}#ro-site .pg-fm{grid-template-columns:minmax(0,1fr)}#ro-site .pg-fm .photo{min-height:0;aspect-ratio:3\/2}#ro-site .pg-group{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px}#ro-site .pg-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}#ro-site .pg-two{margin-top:40px}\n}@media (max-width:760px){#ro-site .pg-cover{margin-top:36px;aspect-ratio:4\/3;border-radius:22px}#ro-site .pg-hero .vid, #ro-site .pg-hero .hero-stage{margin-top:36px}#ro-site .pg-stats{gap:12px}#ro-site .pg-stat{padding:20px 18px}#ro-site .pg-chap p{font-size:18px}#ro-site .pg-tl::before, #ro-site .pg-tl-fill{left:20px}#ro-site .pg-tl-item, #ro-site .pg-tl-item:nth-child(even){grid-template-columns:40px minmax(0,1fr);gap:0 14px}#ro-site .pg-tl-node{width:40px;height:40px;font-size:15px}#ro-site .pg-tl-text h3{font-size:23px}#ro-site .pg-tl-note{font-size:16px}#ro-site .pg-feat{padding:32px 0}#ro-site .pg-feat-vis .zc-vis{height:250px}#ro-site .pg-feat-vis .zv-att{inset:40px 18px 18px}#ro-site .pg-feat-vis .zv-att .big{font-size:64px}#ro-site .pg-feat-vis .zv-talk{inset:40px 18px 18px}#ro-site .pg-feat-vis .zv-talk q{font-size:24px}#ro-site .pg-rate{inset:40px 18px 18px;gap:2px}#ro-site .pg-rate div{padding:8px 0;font-size:15px}#ro-site .pg-cards, #ro-site .pg-cards.four{grid-template-columns:minmax(0,1fr)}#ro-site .pg-day{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}#ro-site .pg-day::before, #ro-site .pg-day::after{left:5px;right:auto;top:0;bottom:0;width:2px;height:auto}#ro-site .pg-day::after{height:calc(var(--p,0)*100%);width:2px;bottom:auto}#ro-site .pg-day li{padding:0 0 26px 28px}#ro-site .pg-day li::before{left:0;top:6px}#ro-site .pg-cmp th, #ro-site .pg-cmp td{padding:12px 10px;font-size:14px}#ro-site .pg-fm-card{padding:26px 22px}#ro-site .pg-two{grid-template-columns:minmax(0,1fr);gap:20px}#ro-site .pg-filter{padding:10px 0}#ro-site .pg-filter-in{flex-direction:column;align-items:stretch;gap:10px}#ro-site .pg-search{width:100%}#ro-site .pg-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}#ro-site .pg-chips::-webkit-scrollbar{display:none}#ro-site .pg-group{padding:22px 18px;scroll-margin-top:200px}#ro-site .pg-roles li{font-size:14px;padding:8px 12px}#ro-site .pg-mosaic{gap:10px}#ro-site .pg-mosaic figcaption{font-size:13.5px;flex-wrap:wrap}\n}@media (prefers-reduced-motion:reduce){#ro-site .pg-tl-fill{height:100%!important}#ro-site .pg-tl-text{opacity:1!important;transform:none!important}#ro-site .pg-tl-node{background:var(--accent-ink)!important;color:#fff!important}#ro-site .pg-day::after{width:100%!important}#ro-site .pg-day li::before{background:var(--accent)!important}#ro-site .pg-cmp .y{transform:none!important}#ro-site .pg-rate .dots .dot-on::after{transform:none!important}\n}@media (max-width:760px){#ro-site .pg-hero .vid, #ro-site .pg-hero .hero-stage{margin-top:28px}#ro-site .pg-cap{margin-top:10px}#ro-site .pg-cards.m-row, #ro-site .pg-cards.four.m-row{display:flex;grid-template-columns:none}#ro-site .pg-card{padding:20px 18px 18px;gap:8px}#ro-site .pg-ico{width:38px;height:38px;margin-bottom:2px}#ro-site .pg-card h3{font-size:19px}#ro-site .pg-card p{font-size:15px}#ro-site .pg-tl.m-row{display:flex;padding-block:4px 16px}#ro-site .pg-tl.m-row::before, #ro-site .pg-tl.m-row .pg-tl-fill{display:none}#ro-site .pg-tl.m-row .pg-tl-item, #ro-site .pg-tl.m-row .pg-tl-item:nth-child(even){display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 10px;padding:0;align-content:start}#ro-site .pg-tl.m-row .pg-tl-node{width:36px;height:36px;font-size:14px;background:var(--accent-ink);color:#fff;box-shadow:none;transform:none}#ro-site .pg-tl.m-row .pg-tl-text{opacity:1;transform:none}#ro-site .pg-tl.m-row .pg-tl-text h3{font-size:21px;margin-bottom:8px}#ro-site .pg-tl.m-row .pg-tl-text p{font-size:15.5px;line-height:1.45}#ro-site .pg-tl.m-row .pg-who{margin-bottom:10px;font-size:13px}#ro-site .pg-tl.m-row .pg-tl-photo, #ro-site .pg-tl.m-row .pg-tl-item:nth-child(even) .pg-tl-photo{grid-column:1 \/ -1;padding:14px 0 0}#ro-site .pg-tl.m-row .pg-tl-photo .photo, #ro-site .pg-tl.m-row .pg-tl-photo .photo.tall{aspect-ratio:2.4\/1;width:100%}#ro-site .pg-day.m-row{display:flex;padding-top:4px}#ro-site .pg-day.m-row::before, #ro-site .pg-day.m-row::after{display:none}#ro-site .pg-day.m-row li{flex-basis:72%;max-width:72%;padding:16px 18px 18px;background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-card)}#ro-site .band .pg-day.m-row li{box-shadow:none}#ro-site .pg-day.m-row li::before{display:none}#ro-site .pg-day.m-row li.on{box-shadow:inset 0 0 0 1.5px var(--accent)}#ro-site .pg-feats{display:flex;flex-direction:column;gap:10px}#ro-site .pg-feat, #ro-site .pg-feat.flip{display:block;padding:0;border-top:0;background:var(--panel);border-radius:18px;box-shadow:var(--shadow-card)}#ro-site .pg-feat-vis{display:none}#ro-site .pg-feat-text h3{margin:0;font-size:19px;line-height:1.2}#ro-site .pg-feat-tog{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer}#ro-site .pg-feat-tog .chev{display:block;width:9px;height:15px;flex:none;color:var(--accent-ink);transform:rotate(90deg);transition:transform .35s var(--ease)}#ro-site .pg-feat.open .pg-feat-tog .chev{transform:rotate(-90deg)}#ro-site .pg-feat-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}#ro-site .pg-feat.open .pg-feat-body{grid-template-rows:1fr}#ro-site .pg-feat-body-in{overflow:hidden;min-height:0;padding:0 18px;transition:padding .4s var(--ease)}#ro-site .pg-feat.open .pg-feat-body-in{padding-bottom:18px}#ro-site .pg-feat-text p{font-size:14.5px;line-height:1.45}#ro-site .pg-feat-text p + p{margin-top:8px}#ro-site .pg-feat-text .pg-res{margin-top:12px;font-size:15px}#ro-site .pg-day li{padding-bottom:18px}#ro-site .pg-day b{font-size:18px}#ro-site .pg-day strong{margin-top:4px;font-size:15.5px}#ro-site .pg-day p{margin-top:3px;font-size:14.5px;line-height:1.4}#ro-site .pg-use{display:flex;flex-direction:column;gap:10px}#ro-site .pg-feed{min-height:0;padding:14px 14px 16px}#ro-site .pg-feed-list{gap:8px;min-height:150px}#ro-site .pg-use-steps{display:flex;flex-direction:column;gap:8px}#ro-site .pg-use-step, #ro-site .pg-use-fact{grid-column:auto;grid-row:auto;margin:0;padding:12px 14px;gap:12px;transform:none}#ro-site .pg-use-step.on{transform:none}#ro-site .pg-use-fact{flex-direction:row;background:var(--well);box-shadow:none}#ro-site .pg-use-step h3{font-size:17px;margin-bottom:3px}#ro-site .pg-use-step p{font-size:14.5px;line-height:1.4}#ro-site .pg-use-step .pg-ico{width:36px;height:36px}#ro-site .pg-safe{display:flex;flex-direction:column;gap:10px}#ro-site .pg-safe-stage{min-height:210px}#ro-site .pg-safe-scene{padding:16px;gap:14px}#ro-site .pg-safe-note{font-size:15px}#ro-site .pg-safe-steps{gap:8px}#ro-site .pg-safe-step{padding:12px 14px;gap:12px;transform:none}#ro-site .pg-safe-step.on{transform:none}#ro-site .pg-safe-step h3{font-size:17px;margin-bottom:3px}#ro-site .pg-safe-step p{font-size:14.5px;line-height:1.4}#ro-site .pg-safe-step .pg-ico{width:36px;height:36px}#ro-site .pg-cards, #ro-site .pg-cards.four{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}#ro-site .pg-card{padding:16px;gap:8px}#ro-site .pg-card .pg-ico{width:38px;height:38px;margin-bottom:0}#ro-site .pg-card h3{font-size:18px}#ro-site .pg-card p{font-size:14.5px;line-height:1.45}#ro-site .pg-card li{font-size:14px;padding:6px 0}#ro-site .pg-sols{padding-top:0;display:flex;flex-direction:column;gap:10px}#ro-site .pg-sol, #ro-site .pg-sol.flip{display:block;padding:0;border-top:0;background:var(--panel);border-radius:18px;box-shadow:var(--shadow-card);scroll-margin-top:80px}#ro-site .pg-sol-media{display:none}#ro-site .pg-sol .pg-sol-tag{display:block;font-size:13.5px;margin:0;padding:16px 18px 0}#ro-site .pg-sol h3{margin:0;font-size:19px;line-height:1.2;max-width:none}#ro-site .pg-sol-tog{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 18px 16px;cursor:pointer}#ro-site .pg-sol-tog .chev{display:block;width:9px;height:15px;flex:none;color:var(--accent-ink);transform:rotate(90deg);transition:transform .35s var(--ease)}#ro-site .pg-sol.open .pg-sol-tog .chev{transform:rotate(-90deg)}#ro-site .pg-sol-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}#ro-site .pg-sol.open .pg-sol-body{grid-template-rows:1fr}#ro-site .pg-sol-body-in{overflow:hidden;min-height:0;padding:0 18px;transition:padding .4s var(--ease)}#ro-site .pg-sol.open .pg-sol-body-in{padding-bottom:18px}#ro-site .pg-sol-lbl{margin:2px 0 6px;font-size:13px}#ro-site .pg-sol-text p:not(.pg-sol-lbl):not(.pg-res){font-size:14.5px;line-height:1.45}#ro-site .pg-sol .pg-list{margin-top:2px;gap:5px}#ro-site .pg-sol .pg-list li{font-size:14px;line-height:1.35}#ro-site .pg-sol .pg-res{margin-top:12px;font-size:15px}#ro-site .pg-tl-stack{padding:4px 0 0}#ro-site .pg-tl-stack .pg-tl-item, #ro-site .pg-tl-stack .pg-tl-item:nth-child(even){padding:12px 0 16px}#ro-site .pg-tl-stack .pg-tl-node{grid-column:1;grid-row:1;align-self:start}#ro-site .pg-tl-stack .pg-tl-text, #ro-site .pg-tl-stack .pg-tl-item:nth-child(even) .pg-tl-text{grid-column:2;grid-row:1;padding:0;opacity:1;transform:none}#ro-site .pg-tl-stack .pg-tl-text h3{font-size:19px;margin-bottom:4px}#ro-site .pg-tl-stack .pg-tl-text p{font-size:14.5px;line-height:1.42}#ro-site .pg-tl-stack .pg-who{margin-bottom:8px;font-size:12.5px;padding:4px 9px}#ro-site .pg-tl-stack .pg-tl-text .pg-list, #ro-site .pg-tl-stack .pg-tl-photo{display:none}#ro-site .pg-tl-stack .pg-tl-text .tlink{margin-top:8px;font-size:15px}#ro-site .pg-fm{gap:12px}#ro-site .pg-fm .photo{display:block;aspect-ratio:3\/2;min-height:0}#ro-site .pg-fm-card{padding:22px 20px;gap:12px}#ro-site .pg-fm-card h3{font-size:21px}#ro-site .pg-fm-card p{font-size:15.5px}#ro-site .pg-fm-card .pg-list{margin-top:4px;gap:6px}#ro-site .pg-fm-card .pg-list li{font-size:15px}#ro-site #floor-manager .pg-two{display:none}#ro-site .pg-cmp th, #ro-site .pg-cmp td{padding:7px 6px;font-size:12.5px}#ro-site .pg-cmp .y, #ro-site .pg-cmp .n{width:22px;height:22px}#ro-site .pg-cmp tfoot td{font-size:14px}#ro-site .pg-cmp tfoot td.ro{font-size:16px}#ro-site .pg-cmp-note{margin-top:12px;font-size:13px}#ro-site .pg-cmp-wrap{overflow:visible}#ro-site .pg-cmp{min-width:0;table-layout:fixed}#ro-site .pg-cmp th:first-child, #ro-site .pg-cmp td:first-child{width:38%;font-size:12.5px;line-height:1.25;padding-left:12px;padding-right:6px}#ro-site .pg-cmp th, #ro-site .pg-cmp td{padding:8px 2px;font-size:12px}#ro-site .pg-cmp th{line-height:1.2;vertical-align:bottom}#ro-site .pg-cmp-long{display:none}#ro-site .pg-cmp-short{display:inline}#ro-site .pg-cmp .y, #ro-site .pg-cmp .n{width:20px;height:20px}#ro-site .pg-cmp tfoot td{font-size:13px}#ro-site .pg-cmp tfoot td.ro{font-size:15px}#ro-site .pg-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#ro-site .pg-mosaic .photo{aspect-ratio:1}#ro-site .pg-mosaic figcaption{flex-direction:column;align-items:flex-start;gap:1px;margin-top:6px;font-size:12.5px;line-height:1.25}#ro-site .pg-mosaic figcaption small{margin-left:0;font-size:11.5px}#ro-site .pg-mosaic + .pg-cards{margin-top:20px}#ro-site .pg-exp-hero .h1{font-size:36px}#ro-site .pg-exp-tools{margin-top:16px;gap:8px}#ro-site .pg-count{margin-bottom:0;font-size:14px}#ro-site .pg-exp-browser{margin-top:10px}#ro-site .pg-exp-panel{padding:16px 14px 18px}#ro-site .pg-exp-group h2{font-size:20px;margin-bottom:6px}#ro-site .pg-blurb{font-size:15px;margin-bottom:14px}#ro-site .pg-exp-group .pg-tasks, #ro-site .pg-exp-group .pg-tools{display:none}#ro-site .pg-roles{gap:6px}#ro-site .pg-roles li{font-size:13.5px;padding:7px 10px}#ro-site .pg-exp-foot{margin-top:16px;font-size:15px}#ro-site .pg-quote blockquote{font-size:22px}#ro-site .pg-team-roles li{font-size:14px;padding:7px 0}#ro-site .pg-sys{padding:2px 14px;border-radius:var(--r-md)}#ro-site .pg-sys-row{grid-template-columns:minmax(0,1fr);gap:2px;padding:9px 0}#ro-site .pg-sys-row b{font-size:14px}#ro-site .pg-sys-row span{font-size:13px;line-height:1.35}#ro-site .pg-sys:not(.open) .pg-sys-row:nth-child(n+5){display:none}#ro-site .pg-sys-more{display:inline-flex;align-items:center;gap:6px;margin:14px auto 0;border:0;background:none;padding:6px 0;cursor:pointer;font-size:15px;font-weight:500;color:var(--accent-ink);min-height:36px}#ro-site .pg-sys-more .chev{width:8px;height:13px;transform:rotate(90deg);transition:transform .35s var(--ease)}#ro-site .pg-sys.open + .pg-sys-more .chev{transform:rotate(-90deg)}#ro-site #systemen .wrap{display:flex;flex-direction:column;align-items:center}#ro-site #systemen .sec-head, #ro-site #systemen .pg-sys{width:100%}#ro-site #uitgelicht .sec-head .lede{display:none}#ro-site .pg-prof-top p{display:none}#ro-site .pg-prof-list > div:nth-child(4){display:none}#ro-site .pg-prof{padding:18px 16px 14px}#ro-site .pg-prof-top{padding-bottom:12px}#ro-site .pg-prof-top h3{font-size:21px}#ro-site .pg-prof-top p{font-size:13px}#ro-site .pg-prof-list > div{grid-template-columns:minmax(0,1fr);gap:2px;padding:9px 0}#ro-site .pg-prof-list dd{font-size:14px;line-height:1.4}#ro-site .pg-prof-txt h3{font-size:21px;margin-bottom:8px}#ro-site .pg-prof-txt p{font-size:15px}#ro-site .pg-prof-txt p + p{display:none}#ro-site .pg-safe{display:block}#ro-site .pg-safe-stage{min-height:0;height:260px;margin-bottom:12px}#ro-site .pg-safe-scene{padding:18px 16px;gap:14px}#ro-site .pg-safe-top b{font-size:17px}#ro-site .pg-safe-top{font-size:13.5px}#ro-site .pg-safe-days{gap:5px}#ro-site .pg-safe-days i{border-radius:5px}#ro-site .pg-safe-note{font-size:15px}#ro-site .pg-safe-swap{grid-template-columns:minmax(0,1fr);gap:10px}#ro-site .pg-safe-arrow{display:none}#ro-site .pg-safe-card{padding:12px 14px}#ro-site .pg-safe-months{gap:5px}#ro-site .pg-safe-months span{padding:12px 4px 10px;font-size:13.5px;border-radius:11px}#ro-site .pg-safe-months small{font-size:10px}#ro-site .pg-safe-steps.m-row{display:flex;flex-direction:row}#ro-site .pg-safe-step, #ro-site .pg-safe-step.on{opacity:1;transform:none;flex-direction:column;gap:10px;padding:16px;background:var(--panel);box-shadow:var(--shadow-card)}#ro-site .pg-safe-step.on{box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-card)}#ro-site .pg-safe-step h3{font-size:19px}#ro-site .pg-safe-step p{font-size:15px}#ro-site .pg-gone{gap:14px}#ro-site .pg-gone-n{font-size:64px}#ro-site .pg-gone-l{font-size:16px}#ro-site .pg-gone-list{gap:8px}#ro-site .pg-gone-item{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:13px 14px;border-radius:var(--r-md)}#ro-site .pg-gone-ico{width:40px;height:40px;border-radius:12px}#ro-site .pg-gone-ico .pg-ico svg{width:19px;height:19px}#ro-site .pg-gone-check{width:20px;height:20px}#ro-site .pg-gone-txt h3{font-size:17px;margin-bottom:2px}#ro-site .pg-gone-txt p{font-size:14px;line-height:1.4}#ro-site .pg-gone-tag{display:none}#ro-site .pg-use{display:block}#ro-site .pg-feed{min-height:0;height:270px;padding:14px 14px 16px;margin-bottom:12px}#ro-site .pg-feed-top{font-size:13.5px;padding-bottom:10px;margin-bottom:10px}#ro-site .pg-feed-top small{font-size:11.5px}#ro-site .pg-feed-item{padding:10px 12px;gap:10px;border-radius:14px}#ro-site .pg-feed-item p{font-size:14px}#ro-site .pg-use-steps.m-row{display:flex}#ro-site .pg-use-step, #ro-site .pg-use-step.on, #ro-site .pg-use-fact{margin:0;opacity:1;transform:none;flex-direction:column;gap:10px;padding:16px;background:var(--panel);box-shadow:var(--shadow-card)}#ro-site .pg-use-step.on{box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-card)}#ro-site .pg-use-step h3{font-size:19px}#ro-site .pg-use-step p{font-size:15px}\n}@media (max-width:760px){#ro-site .hero-main{min-width:0;max-width:100%}#ro-site .pg-hero .h1{font-size:34px;line-height:1.08;overflow-wrap:break-word;hyphens:auto}#ro-site .pg-stats{grid-template-columns:minmax(0,1fr);gap:8px}#ro-site .pg-stat{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px}#ro-site .pg-stat b{font-size:28px}#ro-site .pg-stat > span{margin-top:0;font-size:14.5px;line-height:1.4}#ro-site .pg-chap.pg-kort p ~ p{display:none}#ro-site .pg-chap.pg-kort.open p ~ p{display:block}#ro-site .pg-chap .pg-verder{display:inline-flex;align-items:center;gap:6px;margin-top:4px;border:0;background:none;padding:6px 0;font:inherit;font-size:16px;font-weight:500;color:var(--accent-ink);cursor:pointer}#ro-site .pg-chap.open .pg-verder{display:none}#ro-site .pg-card .pg-sol-tag{display:block;margin:0 0 2px;padding:0;font-size:13.5px}#ro-site .pg-card .tlink{padding-top:2px}\n}#ro-site .pg-verder{display:none}#ro-site .pg-card-foto{overflow:hidden;padding-top:0;gap:8px;text-decoration:none;color:inherit;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}#ro-site .pg-card-foto:hover{transform:translateY(-4px)}#ro-site .pg-card-img{display:block;margin:0 -26px 10px;aspect-ratio:16\/10;overflow:hidden;background:var(--well)}#ro-site .pg-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}#ro-site .pg-card-foto:hover .pg-card-img img{transform:scale(1.04)}@media (max-width:760px){#ro-site .pg-card-foto{padding-top:0}#ro-site .pg-card-img{margin:0 -16px 6px;aspect-ratio:2\/1}\n}#ro-site .pg-card-foto .pg-sol-tag{margin:6px 0 0}#ro-site .pg-stats-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin-inline:auto}@media (max-width:1060px){#ro-site .pg-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){#ro-site .pg-stats-3{grid-template-columns:minmax(0,1fr)}#ro-site .pg-stats-3 .pg-stat{display:block;padding:16px 18px}#ro-site .pg-stats-3 .pg-stat > span{margin-top:6px}\n}#ro-site .pg-op-vid{margin:0 auto 40px;max-width:1000px}@media (max-width:760px){#ro-site .pg-op-vid{margin-bottom:20px}}#ro-site .pg-fm .photo{position:relative;min-height:420px}#ro-site .pg-fm .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}@media (max-width:1060px){#ro-site .pg-fm .photo{min-height:0}}\n\n<\/style>\n<script>\n\/* Remote Opus: haalt de pagina los van het WordPress-thema en de plug-ins (menu-plug-in, chatwidget, body-marge).\n   Met JavaScript en niet alleen met CSS: LiteSpeed voegt stylesheets samen en zet die van het thema na de onze;\n   inline stijlen via script winnen altijd. *\/\n(function(){\n  var ZET=function(el,p){ if(!el) return; for(var k in p){ try{ if(el.style.getPropertyValue(k)!==p[k]||el.style.getPropertyPriority(k)!=='important') el.style.setProperty(k,p[k],'important'); }catch(e){} } };\n  var LOS=function(){\n    var ro=document.getElementById('ro-site'); if(!ro) return;\n    ['nav.rmn-nav','#ro-cw','.rmn-nav','#rmn_menu_btn','footer.ro-footer'].forEach(function(s){\n      document.querySelectorAll(s).forEach(function(e){ ZET(e,{display:'none'}); }); });\n    ZET(document.documentElement,{'padding-top':'0','margin-top':'0','scroll-padding-top':'84px'});\n    ZET(document.body,{'padding-top':'0','margin-top':'0','margin-bottom':'0','padding-bottom':'0'});\n    var n=ro.parentElement;\n    while(n && n!==document.body){ ZET(n,{padding:'0',margin:'0','max-width':'none',width:'100%',overflow:'visible'}); n=n.parentElement; }\n    ZET(ro,{width:'100%','max-width':'none',margin:'0',padding:'0'});\n  };\n  LOS();\n  document.addEventListener('DOMContentLoaded',LOS);\n  window.addEventListener('load',function(){ LOS(); [100,300,600,900,1200,1600,2000,3000,4500,6000].forEach(function(ms){ setTimeout(LOS,ms); }); });\n  window.addEventListener('resize',LOS);\n  \/* Elementor zet na het laden zelf inline breedtes op secties (stretch); zodra een voorouder van stijl verandert, zetten wij de onze terug *\/\n  try{\n    var mo=new MutationObserver(function(){ clearTimeout(mo._t); mo._t=setTimeout(LOS,20); });\n    document.addEventListener('DOMContentLoaded',function(){ var n=document.getElementById('ro-site'); n=n&&n.parentElement; while(n&&n!==document.body){ mo.observe(n,{attributes:true,attributeFilter:['style','class']}); n=n.parentElement; } });\n  }catch(e){}\n})();\n<\/script>\n<style>\n\/* Elementor-omhulsels en thema neutraal: de bundel bepaalt zelf de opmaak *\/\n.elementor-widget-html .elementor-widget-container,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-html{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}\n.elementor-section .elementor-container{display:block!important}\nbody.elementor-page{margin:0!important;padding:0!important}\nnav.rmn-nav,#rmn_menu_btn,#ro-cw,footer.ro-footer{display:none!important}\n#ro-site{min-width:0;box-sizing:border-box}\n\/* de Elementor-kit zet lettertype, kleur en knopstijl op h1-h6, a, button en input; binnen onze pagina erft alles van #ro-site *\/\n#ro-site h1,#ro-site h2,#ro-site h3,#ro-site h4,#ro-site h5,#ro-site h6,#ro-site a,#ro-site button,#ro-site input,#ro-site textarea,#ro-site select,#ro-site label{font-family:inherit}\n#ro-site a{color:inherit}\n#ro-site h1,#ro-site h2,#ro-site h3,#ro-site h4,#ro-site h5,#ro-site h6{line-height:inherit;letter-spacing:inherit}\n#ro-site button{font-weight:inherit;border-radius:0;background:none;color:inherit;border:0}\n<\/style>\n<div class=\"ro-site\" id=\"ro-site\">\n<a class=\"skip\" href=\"#main\">Naar de inhoud<\/a>\n\n<header class=\"nav\" id=\"nav\">\n  <div class=\"wrap nav-in\">\n    <a class=\"brand\" href=\"https:\/\/remote-opus.com\/\" aria-label=\"Remote Opus, naar de homepage\">\n      <span class=\"brand-mark\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro2-img-logo-groen.png\" alt=\"\" width=\"32\" height=\"31\"><\/span>Remote Opus\n    <\/a>\n    <nav class=\"nav-links\" aria-label=\"Hoofdmenu\">\n      <a href=\"https:\/\/remote-opus.com\/\">Home<\/a>\n      <a href=\"https:\/\/remote-opus.com\/hoe-het-werkt\/\">Hoe het werkt<\/a>\n      <a href=\"https:\/\/remote-opus.com\/klantendashboard\/\">Dashboard<\/a>\n      <a href=\"https:\/\/remote-opus.com\/hoe-wij-werven\/\">Hoe wij werven<\/a>\n      <a href=\"https:\/\/remote-opus.com\/over-ons\/\">Over ons<\/a>\n    <\/nav>\n    <div class=\"nav-end\">\n      <a class=\"nav-login\" href=\"https:\/\/remote-opus.com\/werkgevers-inloggen\/\">Inloggen<\/a>\n      <a class=\"btn btn-sm\" href=\"https:\/\/remote-opus.com\/demo\/\">Plan een demo<\/a>\n      <button class=\"nav-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sheet\" aria-label=\"Menu openen\"><span><\/span><\/button>\n    <\/div>\n  <\/div>\n<\/header>\n<div class=\"sheet\" id=\"sheet\">\n  <a href=\"https:\/\/remote-opus.com\/\">Home<\/a>\n  <a href=\"https:\/\/remote-opus.com\/hoe-het-werkt\/\">Hoe het werkt<\/a>\n  <a href=\"https:\/\/remote-opus.com\/klantendashboard\/\">Dashboard<\/a>\n  <a href=\"https:\/\/remote-opus.com\/hoe-wij-werven\/\">Hoe wij werven<\/a>\n  <a href=\"https:\/\/remote-opus.com\/over-ons\/\">Over ons<\/a>\n  <a href=\"https:\/\/remote-opus.com\/werkgevers-inloggen\/\">Inloggen<\/a>\n  <a class=\"btn\" href=\"https:\/\/remote-opus.com\/demo\/\">Plan een demo<\/a>\n<\/div>\n\n<main id=\"main\" tabindex=\"-1\">\n\n\n<section class=\"sec\" id=\"kennismaken\" aria-labelledby=\"kmT\">\n  <div class=\"wrap\">\n    <div class=\"demo\" data-reveal>\n      <div class=\"demo-head\">\n        <h1 class=\"h2\" id=\"kmT\">Plan een demo<\/h1>\n        <p class=\"lede\">We laten het dashboard zien zoals klanten het gebruiken en bespreken welke specialist jouw groei versnelt.<\/p>\n      <\/div>\n      <div class=\"agenda\" id=\"agenda\">\n        <div class=\"agenda-skelet\" id=\"calSkelet\"><span class=\"spin\" aria-hidden=\"true\"><\/span>Agenda wordt geladen...<\/div>\n        \n        <iframe data-agenda-src=\"https:\/\/calendly.com\/remoteopus\/remote-opus-demo?embed_domain=remote-opus.com&amp;embed_type=Inline&amp;hide_gdpr_banner=1&amp;hide_event_type_details=1&amp;primary_color=2a7650\" id=\"calWidget\" title=\"Plan een demo\" scrolling=\"no\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<footer class=\"foot\">\n  <div class=\"wrap\">\n    <div class=\"foot-grid\">\n      <div class=\"foot-brand\">\n        <a class=\"brand\" href=\"https:\/\/remote-opus.com\/\" aria-label=\"Remote Opus, naar de homepage\"><span class=\"brand-mark\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro2-img-logo-wit.png\" alt=\"\" width=\"32\" height=\"31\"><\/span>Remote Opus<\/a>\n        <p class=\"foot-tag\">Jouw team, wereldwijd. Wij verbinden Nederlandse organisaties met de beste internationale specialisten.<\/p>\n        <div class=\"foot-social\">\n          <a href=\"https:\/\/www.linkedin.com\/company\/remote-opus\/posts\/?feedView=all\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M20.45 20.45h-3.554v-5.569c0-1.328-.024-3.037-1.85-3.037-1.851 0-2.135 1.445-2.135 2.939v5.667H9.358V9h3.414v1.561h.047c.476-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.284zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/a>\n          <a href=\"https:\/\/www.instagram.com\/remote_opus\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg><\/a>\n          <a href=\"https:\/\/www.facebook.com\/people\/Remote-Opus\/61558735886382\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22 12a10 10 0 1 0-11.5 9.87v-6.99H7.89V12h2.61V9.8c0-2.58 1.54-4 3.89-4 1.13 0 2.31.2 2.31.2v2.54h-1.3c-1.28 0-1.68.8-1.68 1.62V12h2.86l-.46 2.88h-2.4v6.99A10 10 0 0 0 22 12z\"\/><\/svg><\/a>\n          <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=31655856049&amp;text=Hoi%20Remote%20Opus%21%20Kan%20ik%20wat%20meer%20info%20krijgen%20hierover%3F&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><svg viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M16.001 2.667c-7.363 0-13.333 5.97-13.333 13.333 0 2.351.613 4.644 1.78 6.666L2.667 29.333l6.833-1.747a13.287 13.287 0 0 0 6.5 1.747c7.363 0 13.333-5.97 13.333-13.333S23.364 2.667 16.001 2.667zm0 24c-1.973 0-3.907-.52-5.6-1.507l-.4-.24-4.053 1.04 1.08-3.947-.26-.413a10.64 10.64 0 0 1-1.64-5.6c0-5.893 4.787-10.667 10.667-10.667S26.667 10.107 26.667 16 21.88 26.667 16.001 26.667zm5.813-7.88c-.32-.16-1.893-.933-2.187-1.04-.293-.107-.507-.16-.72.16-.213.32-.827 1.04-1.013 1.253-.187.213-.373.24-.693.08-.32-.16-1.353-.5-2.58-1.593-.953-.853-1.6-1.907-1.787-2.227-.187-.32-.02-.493.14-.653.147-.146.32-.373.48-.56.16-.187.213-.32.32-.533.107-.213.053-.4-.027-.56-.08-.16-.72-1.733-.987-2.373-.26-.627-.527-.54-.72-.547-.187-.007-.4-.007-.613-.007-.213 0-.56.08-.853.4-.293.32-1.12 1.093-1.12 2.667s1.147 3.093 1.307 3.307c.16.213 2.267 3.467 5.493 4.867.767.333 1.367.533 1.833.68.773.247 1.48.213 2.04.133.627-.093 1.893-.773 2.16-1.52.267-.747.267-1.387.187-1.52-.08-.133-.293-.213-.613-.373z\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"foot-col\">\n        <h2>Informatie<\/h2>\n        <ul>\n          <li><a href=\"https:\/\/remote-opus.com\/\">Home<\/a><\/li>\n          <li><a href=\"https:\/\/remote-opus.com\/hoe-het-werkt\/\">Hoe het werkt<\/a><\/li>\n          <li><a href=\"https:\/\/remote-opus.com\/hoe-wij-werven\/\">Hoe wij werven<\/a><\/li>\n          <li><a href=\"https:\/\/remote-opus.com\/over-ons\/\">Over ons<\/a><\/li>\n          <li><a href=\"https:\/\/remote-opus.com\/#expertises\">Expertises<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"foot-col\">\n        <h2>Contact<\/h2>\n        <ul>\n          <li><a href=\"https:\/\/api.whatsapp.com\/send\/?phone=31655856049&amp;text=Hoi%20Remote%20Opus%21%20Kan%20ik%20wat%20meer%20info%20krijgen%20hierover%3F&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M16.001 2.667c-7.363 0-13.333 5.97-13.333 13.333 0 2.351.613 4.644 1.78 6.666L2.667 29.333l6.833-1.747a13.287 13.287 0 0 0 6.5 1.747c7.363 0 13.333-5.97 13.333-13.333S23.364 2.667 16.001 2.667zm0 24c-1.973 0-3.907-.52-5.6-1.507l-.4-.24-4.053 1.04 1.08-3.947-.26-.413a10.64 10.64 0 0 1-1.64-5.6c0-5.893 4.787-10.667 10.667-10.667S26.667 10.107 26.667 16 21.88 26.667 16.001 26.667zm5.813-7.88c-.32-.16-1.893-.933-2.187-1.04-.293-.107-.507-.16-.72.16-.213.32-.827 1.04-1.013 1.253-.187.213-.373.24-.693.08-.32-.16-1.353-.5-2.58-1.593-.953-.853-1.6-1.907-1.787-2.227-.187-.32-.02-.493.14-.653.147-.146.32-.373.48-.56.16-.187.213-.32.32-.533.107-.213.053-.4-.027-.56-.08-.16-.72-1.733-.987-2.373-.26-.627-.527-.54-.72-.547-.187-.007-.4-.007-.613-.007-.213 0-.56.08-.853.4-.293.32-1.12 1.093-1.12 2.667s1.147 3.093 1.307 3.307c.16.213 2.267 3.467 5.493 4.867.767.333 1.367.533 1.833.68.773.247 1.48.213 2.04.133.627-.093 1.893-.773 2.16-1.52.267-.747.267-1.387.187-1.52-.08-.133-.293-.213-.613-.373z\"\/><\/svg>+31 6 558 560 49<\/a><\/li>\n          <li><a href=\"mailto:work@remote-opus.com\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>work@remote-opus.com<\/a><\/li>\n          <li><a href=\"https:\/\/remote-opus.com\/demo\/\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><\/svg>Plan een demo<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"foot-legal\">\n      <div class=\"foot-li\"><span class=\"foot-ll\">Bedrijfsnaam<\/span><span class=\"foot-lv\">Remote Opus BV<\/span><\/div>\n      <span class=\"foot-ld\" aria-hidden=\"true\"><\/span>\n      <div class=\"foot-li\"><span class=\"foot-ll\">KVK-nummer<\/span><span class=\"foot-lv\">42104419<\/span><\/div>\n      <span class=\"foot-ld\" aria-hidden=\"true\"><\/span>\n      <div class=\"foot-li\"><span class=\"foot-ll\">BTW-nummer<\/span><span class=\"foot-lv\">NL869750963B01<\/span><\/div>\n      <span class=\"foot-ld\" aria-hidden=\"true\"><\/span>\n      <div class=\"foot-li\"><span class=\"foot-ll\">Adres<\/span><span class=\"foot-lv\">Overvliet 36, 3545 NH Utrecht<\/span><\/div>\n    <\/div>\n    <div class=\"foot-bottom\">\n      <span class=\"foot-copy\">&copy; 2026 Remote Opus BV. Alle rechten voorbehouden.<\/span>\n      <div class=\"foot-bl\">\n        <a href=\"https:\/\/remote-opus.com\/privacy-policy\/\">Privacybeleid<\/a>\n        <span class=\"foot-bd\" aria-hidden=\"true\"><\/span>\n        <a href=\"https:\/\/remote-opus.com\/terms-conditions\/\">Algemene voorwaarden<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script data-ro=\"site-apple.js\">\n\/* Remote Opus, richting C: Dashboard centraal, Apple-achtige uitwerking. Vanilla JS, geen libraries. *\/\n(() => {\n  'use strict';\n  const $ = (s, r = document) => r.querySelector(s);\n  const $$ = (s, r = document) => [...r.querySelectorAll(s)];\n  const rmq = matchMedia('(prefers-reduced-motion: reduce)');\n  let reduced = rmq.matches;\n  const root = document.documentElement;\n\n  \/* ---------- pagina klaar: hero-entree ---------- *\/\n  const ready = () => requestAnimationFrame(() => requestAnimationFrame(() => root.classList.add('ready')));\n  if (document.fonts && document.fonts.ready) {\n    Promise.race([document.fonts.ready, new Promise(r => setTimeout(r, 900))]).then(ready);\n  } else ready();\n\n  \/* ---------- navigatie ---------- *\/\n  const nav = $('#nav');\n  const toggle = $('.nav-toggle');\n  const sheet = $('#sheet');\n  let lastScrolled = null;\n  const onScrollNav = () => {\n    const s = scrollY > 8;\n    if (s !== lastScrolled) { nav.classList.toggle('scrolled', s); lastScrolled = s; }\n  };\n  addEventListener('scroll', onScrollNav, { passive: true });\n  onScrollNav();\n  const closeSheet = () => {\n    nav.classList.remove('open');\n    toggle && toggle.setAttribute('aria-expanded', 'false');\n    toggle && toggle.setAttribute('aria-label', 'Menu openen');\n  };\n  if (toggle) {\n    toggle.addEventListener('click', () => {\n      const open = !nav.classList.contains('open');\n      nav.classList.toggle('open', open);\n      toggle.setAttribute('aria-expanded', String(open));\n      toggle.setAttribute('aria-label', open ? 'Menu sluiten' : 'Menu openen');\n    });\n    sheet && $$('a', sheet).forEach(a => a.addEventListener('click', closeSheet));\n    addEventListener('keydown', e => { if (e.key === 'Escape') closeSheet(); });\n  }\n\n  \/* ---------- entrees ---------- *\/\n  const groups = $$('[data-reveal-group]');\n  groups.forEach(g => [...g.children].forEach((c, i) => { if (!c.style.getPropertyValue('--i')) c.style.setProperty('--i', i); }));\n  const revealIO = new IntersectionObserver(entries => {\n    entries.forEach(e => {\n      if (!e.isIntersecting) return;\n      const el = e.target;\n      el.classList.add('in');\n      revealIO.unobserve(el);\n      if (el.matches('[data-reveal-group]')) {\n        \/\/ stagger-vertragingen met pensioen zodra de entree klaar is\n        const n = el.children.length;\n        setTimeout(() => el.classList.add('done'), 900 + n * 90);\n      }\n    });\n  }, { rootMargin: '0px 0px -10% 0px', threshold: 0.08 });\n  $$('[data-reveal],[data-reveal-group],[data-reveal-zoom],#track').forEach(el => revealIO.observe(el));\n\n  \/* ---------- het levende dashboard in de hero ---------- *\/\n  const dash = $('#dash');\n  const stage = $('#heroStage');\n  if (dash && stage) {\n    \/\/ inlogtijd per teken laten verschijnen; de tekst in de DOM blijft letterlijk \"07:58\"\n    const t = $('#loginTime');\n    if (t) {\n      const txt = t.textContent;\n      t.setAttribute('aria-label', txt);\n      t.textContent = '';\n      [...txt].forEach((ch, i) => {\n        const s = document.createElement('span');\n        s.textContent = ch; s.style.setProperty('--i', i); s.setAttribute('aria-hidden', 'true');\n        t.appendChild(s);\n      });\n      const sr = document.createElement('span'); sr.className = 'sr'; sr.textContent = txt; t.appendChild(sr);\n    }\n    const goLive = () => {\n      stage.classList.add('in');\n      dash.classList.add('live');\n      setTimeout(() => dash.classList.add('done'), reduced ? 0 : 2600);\n    };\n    setTimeout(goLive, reduced ? 0 : 250);\n\n    \/* interactief moment: een dag in de weekbalk kiezen *\/\n    const days = $$('.day', dash);\n    const dd = $('#dayDetail'), ddDay = $('#ddDay'), ddTime = $('#ddTime'), ddNote = $('#ddNote');\n    const wAtt = $('#wAtt');\n    let swapT = 0;\n    const select = (btn, focus) => {\n      days.forEach(b => b.setAttribute('aria-pressed', String(b === btn)));\n      const apply = () => {\n        ddDay.textContent = btn.dataset.day;\n        ddTime.textContent = 'Ingelogd om ' + btn.dataset.time;\n        ddNote.textContent = btn.dataset.note;\n      };\n      clearTimeout(swapT);\n      if (reduced) { apply(); return; }\n      dd.classList.add('swap');\n      swapT = setTimeout(() => { apply(); dd.classList.remove('swap'); }, 200);\n      if (focus) btn.focus();\n    };\n    days.forEach((b, i) => {\n      b.addEventListener('click', () => select(b));\n      b.addEventListener('keydown', e => {\n        if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n        e.preventDefault();\n        const n = days[(i + (e.key === 'ArrowRight' ? 1 : days.length - 1)) % days.length];\n        select(n, true);\n      });\n    });\n\n    \/* menu links: \u00e9\u00e9n onderdeel groot, of het hele overzicht *\/\n    const sideBtns = $$('.side-btn', dash), widgets = $$('.w[data-w]', dash);\n    const setView = v => {\n      dash.dataset.view = v;\n      sideBtns.forEach(b => b.setAttribute('aria-pressed', String(b.dataset.view === v)));\n      widgets.forEach(w => {\n        const solo = v !== 'overzicht';\n        w.hidden = solo && w.dataset.w !== v;\n        w.classList.toggle('solo', solo && w.dataset.w === v);\n      });\n    };\n    sideBtns.forEach(b => b.addEventListener('click', () => setView(b.dataset.view)));\n\n    \/* beoordeling: toelichting van de floor manager per onderdeel *\/\n    $$('.rate-row', dash).forEach(b => b.addEventListener('click', () => {\n      const li = b.closest('li'), open = !li.classList.contains('open');\n      $$('.rate li.open', dash).forEach(o => { o.classList.remove('open'); o.querySelector('.rate-row').setAttribute('aria-expanded', 'false'); });\n      li.classList.toggle('open', open);\n      b.setAttribute('aria-expanded', String(open));\n    }));\n\n    \/* functioneringsgesprek: eerdere maanden *\/\n    const sumEl = $('#talkSum'), tabs = $$('.talk-tab', dash);\n    let sumT = 0;\n    tabs.forEach(t => t.addEventListener('click', () => {\n      tabs.forEach(x => x.setAttribute('aria-selected', String(x === t)));\n      const apply = () => { sumEl.textContent = t.dataset.sum; sumEl.classList.remove('swap'); };\n      clearTimeout(sumT);\n      if (reduced) { apply(); return; }\n      sumEl.classList.add('swap'); sumT = setTimeout(apply, 220);\n    }));\n\n    \/* ontwikkelpunten: status doorklikken *\/\n    const STATES = ['Gepland', 'Bezig', 'Afgerond'];\n    $$('.dev .pill', dash).forEach(p => p.addEventListener('click', () => {\n      const next = STATES[(STATES.indexOf(p.textContent.trim()) + 1) % STATES.length];\n      p.textContent = next;\n      p.classList.toggle('on', next === 'Bezig');\n      p.classList.toggle('done', next === 'Afgerond');\n    }));\n\n    \/* feedback: er gaat niets weg, het gesprek verschijnt in het dashboard zelf *\/\n    const fb = $('#fbForm'), fbIn = $('#fbIn'), fbBtn = $('#fbBtn'), thread = $('#fbThread');\n    const bubble = (who, text, me) => {\n      const li = document.createElement('li');\n      li.className = 'msg' + (me ? ' me' : '');\n      li.innerHTML = `<span class=\"avatar${me ? '' : ' fm'}\" aria-hidden=\"true\">${me ? 'JIJ' : 'FM'}<\/span><div><p><\/p><small><\/small><\/div>`;\n      li.querySelector('p').textContent = text;\n      li.querySelector('small').textContent = who + ', zojuist';\n      thread.appendChild(li);\n      while (thread.children.length > 4) thread.removeChild(thread.firstChild);\n    };\n    if (fb) fb.addEventListener('submit', e => {\n      e.preventDefault();\n      const v = fbIn.value.trim();\n      if (!v) { fbIn.focus(); return; }\n      fbIn.value = '';\n      bubble('Jij', v, true);\n      fbBtn.textContent = 'Verstuurd';\n      setTimeout(() => { fbBtn.textContent = 'Verstuur'; }, 2000);\n      setTimeout(() => bubble('Floor manager', 'Dank je, ik bespreek het vandaag met jouw specialist.', false), reduced ? 0 : 1400);\n    });\n  }\n\n  \/* ---------- hero: het dashboard wijkt iets terug bij het scrollen ---------- *\/\n  let hsRaf = 0, hsLast = '';\n  const drawHero = () => {\n    hsRaf = 0;\n    if (!stage) return;\n    if (reduced || innerWidth < 1000) {\n      if (hsLast) { stage.style.transform = ''; stage.style.opacity = ''; hsLast = ''; }\n      return;\n    }\n    const r = stage.getBoundingClientRect();\n    const p = Math.min(1, Math.max(0, (innerHeight * .35 - r.top) \/ (r.height * .9)));\n    const e = p * p;\n    const v = `scale(${(1 - .05 * e).toFixed(4)}) translateY(${(-24 * e).toFixed(1)}px)`;\n    if (v !== hsLast) { stage.style.transform = v; stage.style.opacity = (1 - .3 * e).toFixed(3); hsLast = v; }\n  };\n  const queueHero = () => { if (stage && !hsRaf) hsRaf = requestAnimationFrame(drawHero); };\n  if (stage) {\n    addEventListener('scroll', queueHero, { passive: true });\n    addEventListener('resize', queueHero);\n    queueHero();\n  }\n\n  \/* ---------- klokken: echte lokale tijd per kantoor ---------- *\/\n  \/\/ korte sleutels in de HTML, tijdzones hier\n  const TZ = { isb: 'Asia\/Karachi', pbm: 'America\/Paramaribo', whk: 'Africa\/Windhoek', tng: 'Africa\/Casablanca', utr: 'Eur' + 'ope\/Amsterdam' };\n  const fmt = {};\n  const timeIn = key => {\n    const tz = TZ[key] || key;\n    fmt[tz] = fmt[tz] || new Intl.DateTimeFormat('nl-NL', { hour: '2-digit', minute: '2-digit', hour12: false, timeZone: tz });\n    return fmt[tz].format(new Date());\n  };\n  const offsetMin = key => {\n    const tz = TZ[key] || key;\n    const d = new Date(); d.setSeconds(0, 0); \/\/ op de minuut, anders rondt het verschil soms \u00e9\u00e9n minuut af\n    const p = new Intl.DateTimeFormat('en-US', { timeZone: tz, hourCycle: 'h23', year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })\n      .formatToParts(d).reduce((a, x) => (a[x.type] = x.value, a), {});\n    const asUTC = Date.UTC(+p.year, +p.month - 1, +p.day, +p.hour, +p.minute);\n    return Math.round((asUTC - d.getTime()) \/ 60000);\n  };\n  const clocks = $$('[data-clock]');\n  const offsets = $$('[data-offset]');\n  const lastClock = new Map();\n  const tick = () => {\n    clocks.forEach(el => {\n      const v = timeIn(el.dataset.clock);\n      if (lastClock.get(el) === v) return;\n      lastClock.set(el, v);\n      if (el.classList.contains('clk')) {\n        const [h, m] = v.split(':');\n        el.innerHTML = `${h}<span class=\"colon\">:<\/span>${m}`;\n        el.setAttribute('aria-label', v);\n      } else el.textContent = v;\n    });\n  };\n  \/\/ verschil met de klok van de bezoeker zelf, zodat het voor elke klant klopt\n  const paintOffsets = () => {\n    const now = new Date(); now.setSeconds(0, 0);\n    const here = -now.getTimezoneOffset();\n    offsets.forEach(el => {\n      const diff = (offsetMin(el.dataset.offset) - here) \/ 60;\n      const a = Math.abs(diff);\n      const n = Number.isInteger(a) ? String(a) : a.toFixed(1).replace('.', ',');\n      el.textContent = diff === 0 ? 'zelfde tijd als jij' : diff > 0 ? `loopt ${n} uur voor` : `loopt ${n} uur achter`;\n    });\n  };\n  if (clocks.length) {\n    tick(); paintOffsets();\n    setTimeout(() => { tick(); setInterval(tick, 60000); }, 60000 - (Date.now() % 60000) + 50);\n    setInterval(paintOffsets, 3600000);\n  }\n\n  \/* ---------- kantoren: kies een kantoor op de bol of in de lijst ---------- *\/\n  const offBtns = $$('.off-btn'), offDetails = $$('.off-detail'), globeLabs = $$('.globe-lab');\n  const globeBox = document.querySelector('#globe .globe-box');\n  const pickOffice = (key, byUser) => {\n    offBtns.forEach(b => { const on = b.dataset.office === key; b.setAttribute('aria-pressed', String(on)); b.closest('.off').classList.toggle('on', on); });\n    offDetails.forEach(d => { d.hidden = d.dataset.office !== key; });\n    globeLabs.forEach(l => l.classList.toggle('is-on', l.dataset.city === key));\n    if (globeBox) globeBox.dataset.selected = key;\n    \/\/ telefoon: de kaarten staan in een veegrij, schuif de gekozen kantoorkaart in beeld\n    if (byUser && matchMedia('(max-width:760px)').matches) {\n      const d = offDetails.find(x => x.dataset.office === key);\n      if (d) d.scrollIntoView({ behavior: reduced ? 'auto' : 'smooth', block: 'nearest', inline: 'start' });\n    }\n  };\n  offBtns.forEach(b => b.addEventListener('click', () => pickOffice(b.dataset.office, true)));\n  globeLabs.forEach(l => l.addEventListener('click', () => pickOffice(l.dataset.city, true)));\n  if (offBtns.length) pickOffice('isb');\n\n  \/* ---------- controle en inzicht: invulbaar feedbackveld in de kaart ---------- *\/\n  const zvForm = $('.zv-form');\n  if (zvForm) {\n    const inp = $('.inp', zvForm), ok = $('.zv-ok', zvForm.parentElement);\n    zvForm.addEventListener('submit', e => {\n      e.preventDefault();\n      if (!inp.value.trim()) { inp.focus(); return; }\n      inp.value = '';\n      if (ok) { ok.hidden = false; setTimeout(() => { ok.hidden = true; }, 4000); }\n    });\n  }\n\n  \/* ---------- expertises: alle functies tonen ---------- *\/\n  $$('.skill-tog').forEach(b => b.addEventListener('click', () => {\n    const card = b.closest('.skill'), open = !card.classList.contains('open');\n    card.classList.toggle('open', open);\n    b.setAttribute('aria-expanded', String(open));\n  }));\n  $$('.skill-more').forEach(b => b.addEventListener('click', () => {\n    const card = b.closest('.skill'), open = !card.classList.contains('open');\n    card.classList.toggle('open', open);\n    b.setAttribute('aria-expanded', String(open));\n    const n = card.querySelectorAll('.skill-roles li').length;\n    b.firstChild.textContent = (open ? 'Toon minder ' : `Toon alle ${n} `);\n  }));\n\n  \/* ---------- logobalk ---------- *\/\n  const track = $('#mqTrack');\n  if (track) {\n    const slugs = ['google','meta','shopify','stripe','spotify','netflix','airbnb','uber','whatsapp','notion','figma','dropbox','zoom','hubspot','klarna','wise','revolut','hellofresh','woocommerce','deliveroo'];\n    const mk = hidden => {\n      const set = document.createElement('div');\n      set.className = 'mq-set';\n      if (hidden) set.setAttribute('aria-hidden', 'true');\n      slugs.forEach(s => {\n        const img = new Image();\n        img.src = `https:\/\/cdn.simpleicons.org\/${s}\/6E8077`;\n        img.alt = hidden ? '' : s.charAt(0).toUpperCase() + s.slice(1);\n        img.height = 40; img.loading = 'lazy'; img.decoding = 'async';\n        img.onerror = () => img.remove();\n        set.appendChild(img);\n      });\n      return set;\n    };\n    track.append(mk(false), mk(true));\n    const mq = $('#marquee');\n    new IntersectionObserver(([e]) => mq.classList.toggle('run', e.isIntersecting)).observe(mq);\n  }\n\n  \/* ---------- levende elementen buiten beeld pauzeren ---------- *\/\n  const liveIO = new IntersectionObserver(es => es.forEach(e => e.target.classList.toggle('offscreen', !e.isIntersecting)));\n  $$('.hero-stage,.zooms,.offices,.why').forEach(el => liveIO.observe(el));\n  document.addEventListener('visibilitychange', () => document.body.classList.toggle('paused', document.hidden));\n\n  \/* ---------- werving: de trechter kleurt in terwijl je door de stappen scrolt ---------- *\/\n  const fnSteps = $('#fnSteps');\n  if (fnSteps) {\n    const cards = $$('.fn-step', fnSteps), segs = $$('.funnel .fs'), clips = segs.map(g => g.querySelector('clipPath rect')), left = $('#fnLeft');\n    const counts = [100, 62, 38, 22, 12, 5, 5];\n    let fnRaf = 0, lastP = -1, mobileRun = false;\n    const paint = p => {\n      p = Math.max(0, Math.min(1, p));\n      if (p === lastP) return; lastP = p;\n      const x = p * 6;\n      segs.forEach((g, i) => {\n        const f = Math.max(0, Math.min(1, x - i));\n        clips[i].setAttribute('height', (78 * f).toFixed(1));\n        g.classList.toggle('on', f >= .9);\n      });\n      const cur = Math.min(5, Math.floor(x));                       \/\/ laag die nu vult\n      const hi = Math.max(0, Math.min(5, Math.round(x - 1)));        \/\/ kaart die oplicht\n      cards.forEach((c, i) => { c.classList.toggle('on', i === hi); c.classList.toggle('past', i < hi); });\n      const from = counts[cur], to = counts[cur + 1];\n      left.textContent = Math.round(from + (to - from) * Math.max(0, Math.min(1, x - cur)));\n    };\n    const draw = () => {\n      fnRaf = 0;\n      const r = fnSteps.getBoundingClientRect();\n      \/\/ 0 als de eerste kaart in het midden van het scherm staat, 1 als de laatste daar staat\n      const first = cards[0].getBoundingClientRect(), last = cards[cards.length - 1].getBoundingClientRect();\n      const mid = innerHeight * .5;\n      const start = first.top + first.height \/ 2, end = last.top + last.height \/ 2;\n      \/\/ laag i is vol als kaart i in het midden staat: x loopt van 0 (kaart 1 nog onder het midden) tot 6 (kaart 6 in het midden)\n      paint(((mid - start) \/ (end - start) * 5 + 1) \/ 6);\n    };\n    const queue = () => { if (!fnRaf) fnRaf = requestAnimationFrame(draw); };\n    const isMobile = () => innerWidth < 1060;\n    const playMobile = () => {\n      if (mobileRun) return; mobileRun = true;\n      const t0 = performance.now(), D = 2600;\n      const tick = now => { const k = Math.min(1, (now - t0) \/ D); paint(k); if (k < 1) requestAnimationFrame(tick); };\n      requestAnimationFrame(tick);\n    };\n    \/\/ op de telefoon zijn de stappen een veegrij: de trechter kleurt mee met de kaart die in beeld staat\n    const rowScroll = () => { const max = fnSteps.scrollWidth - fnSteps.clientWidth; if (max < 10) return false; paint(((fnSteps.scrollLeft \/ max) * 5 + 1) \/ 6); return true; };\n    fnSteps.addEventListener('scroll', () => { if (!reduced) rowScroll(); }, { passive: true });\n    \/\/ pijltjes onder de veegrij: \u00e9\u00e9n kaart verder of terug\n    const fnPrev = $('.fn-nav .fn-prev'), fnNext = $('.fn-nav .fn-next');\n    if (fnPrev && fnNext) {\n      const stepW = () => cards[0] ? cards[0].getBoundingClientRect().width + 12 : 300;\n      const updNav = () => { const max = fnSteps.scrollWidth - fnSteps.clientWidth; fnPrev.disabled = fnSteps.scrollLeft <= 2; fnNext.disabled = fnSteps.scrollLeft >= max - 2; };\n      fnPrev.addEventListener('click', () => fnSteps.scrollBy({ left: -stepW(), behavior: reduced ? 'auto' : 'smooth' }));\n      fnNext.addEventListener('click', () => fnSteps.scrollBy({ left: stepW(), behavior: reduced ? 'auto' : 'smooth' }));\n      fnSteps.addEventListener('scroll', updNav, { passive: true }); addEventListener('resize', updNav); addEventListener('load', updNav); updNav();\n    }\n    \/\/ klik op een laag van de trechter: de bijbehorende stap komt naar voren\n    const isRow = () => fnSteps.scrollWidth - fnSteps.clientWidth > 10; \/\/ veegrij op de telefoon\n    segs.forEach((g, i) => {\n      const h3 = cards[i] && cards[i].querySelector('h3');\n      g.setAttribute('tabindex', '0'); g.setAttribute('role', 'button');\n      g.setAttribute('aria-label', 'Stap ' + (i + 1) + (h3 ? ': ' + h3.textContent.trim() : ''));\n      const go = () => {\n        const c = cards[i]; if (!c) return;\n        if (isRow()) { fnSteps.scrollTo({ left: c.offsetLeft - (parseFloat(getComputedStyle(fnSteps).paddingLeft) || 0), behavior: reduced ? 'auto' : 'smooth' }); return; }\n        if (isMobile() || reduced) paint((i + 1) \/ 6);\n        const r = c.getBoundingClientRect();\n        scrollTo({ top: scrollY + r.top + r.height \/ 2 - innerHeight \/ 2, behavior: reduced ? 'auto' : 'smooth' });\n      };\n      g.addEventListener('click', go);\n      g.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); go(); } });\n    });\n    \/\/ de trechter blijft tijdens het scrollen precies in het midden van de ruimte onder de menubalk\n    const sticky = $('.fn-sticky');\n    const placeSticky = () => {\n      if (!sticky) return;\n      if (isMobile()) { sticky.style.top = ''; return; }\n      const navH = nav ? nav.offsetHeight : 64;\n      const free = innerHeight - navH - sticky.offsetHeight;\n      sticky.style.top = Math.round(navH + Math.max(16, free \/ 2)) + 'px';\n    };\n    placeSticky();\n    addEventListener('resize', placeSticky);\n    addEventListener('load', placeSticky);\n    const io = new IntersectionObserver(es => { if (es[0].isIntersecting) { if (isMobile() || reduced) { reduced ? paint(1) : (rowScroll() || playMobile()); } } }, { threshold: .2 });\n    io.observe(fnSteps);\n    addEventListener('scroll', () => { if (!isMobile() && !reduced) queue(); }, { passive: true });\n    addEventListener('resize', () => { if (!isMobile() && !reduced) queue(); });\n    if (!isMobile() && !reduced) queue(); else if (reduced) paint(1);\n  }\n\n  \/* ---------- mobiel: veegrijen met stipjes, footer inklapbaar ---------- *\/\n  const mq760 = matchMedia('(max-width:760px)');\n  \/\/ homepage-hero: korte placeholder in het compacte dashboard (naast de knop is weinig ruimte)\n  const fbHome = $('#fbIn');\n  if (fbHome) {\n    const longPh = fbHome.placeholder;\n    const setPh = () => { fbHome.placeholder = mq760.matches ? 'Laat feedback achter' : longPh; };\n    mq760.addEventListener('change', setPh); setPh();\n  }\n  const ROWS = '.off-details,.sx-marquee,.fn-steps'; \/\/ andere herhalingen staan sinds 31 okt gestapeld\n  $$(ROWS).forEach(row => {\n    row.classList.add('m-row');\n    const slidesOf = () => {\n      let k = [...row.children];\n      if (k.length === 1 && k[0].children.length > 1) k = [...k[0].children]; \/\/ reviewbalk: de kaarten zitten in een track\n      return k.filter(c => c.getBoundingClientRect().width > 40);\n    };\n    const dots = document.createElement('div');\n    dots.className = 'm-dots'; dots.setAttribute('aria-hidden', 'true');\n    row.insertAdjacentElement('afterend', dots);\n    let n = 0, raf = 0;\n    const update = () => {\n      raf = 0;\n      if (!n) return;\n      const s = slidesOf();\n      if (s.length < 2) return;\n      const w = s[1].getBoundingClientRect().left - s[0].getBoundingClientRect().left;\n      const i = Math.max(0, Math.min(n - 1, Math.round(row.scrollLeft \/ w)));\n      [...dots.children].forEach((d, k) => d.classList.toggle('on', k === i));\n    };\n    const arm = () => {\n      if (!mq760.matches) { dots.innerHTML = ''; n = 0; return; }\n      n = slidesOf().length;\n      dots.innerHTML = n > 1 && n <= 16 ? '<i><\/i>'.repeat(n) : '';\n      update();\n    };\n    row.addEventListener('scroll', () => { if (!raf) raf = requestAnimationFrame(update); }, { passive: true });\n    mq760.addEventListener('change', arm);\n    addEventListener('load', arm);\n    arm();\n  });\n  $$('.foot-col').forEach(col => {\n    const h = $('h2', col);\n    if (!h) return;\n    const set = open => { col.classList.toggle('open', open); h.setAttribute('aria-expanded', String(open)); };\n    const armFoot = () => { if (mq760.matches) { h.setAttribute('role', 'button'); h.setAttribute('tabindex', '0'); set(false); } else { h.removeAttribute('role'); h.removeAttribute('tabindex'); h.removeAttribute('aria-expanded'); col.classList.remove('open'); } };\n    h.addEventListener('click', () => { if (mq760.matches) set(!col.classList.contains('open')); });\n    h.addEventListener('keydown', e => { if (mq760.matches && (e.key === 'Enter' || e.key === ' ')) { e.preventDefault(); set(!col.classList.contains('open')); } });\n    mq760.addEventListener('change', armFoot);\n    armFoot();\n  });\n\n  \/* ---------- video's ---------- *\/\n  const inviewVids = $$('video[data-inview]');\n  const vidIO = new IntersectionObserver(es => es.forEach(e => {\n    const v = e.target;\n    if (reduced || v.dataset.user === 'paused') return;\n    if (e.isIntersecting) v.play().catch(() => v.dispatchEvent(new Event('pause'))); else v.pause();\n  }), { threshold: 0.35 });\n  inviewVids.forEach(v => vidIO.observe(v));\n  \/\/ Animatie: op telefoons (tot 760 px) de staande 9:16-versie en bijbehorende poster\n  (() => { const v = $('#werkVid'); if (!v || !mq760.matches) return; const src = $('source', v); if (src) src.setAttribute('src', src.getAttribute('src').replace(\/\\.mp4(\\?[^ ]*)?$\/, '-m.mp4$1')); const po = v.getAttribute('poster'); if (po) v.setAttribute('poster', po.replace(\/\\.jpg(\\?[^ ]*)?$\/, '-m.jpg$1')); const w = v.closest('.vid'); if (w) w.classList.add('vid-m'); v.setAttribute('autoplay', ''); v.load(); })();\n  \/\/ Autoplay kan op telefoons geblokkeerd zijn (spaarstand, verminderde beweging): bij de eerste aanraking alsnog starten\n  (() => { const v = $('#werkVid'); if (!v) return; const kick = () => { if (v.paused && v.dataset.user !== 'paused') { const r = v.getBoundingClientRect(); if (r.bottom > 0 && r.top < innerHeight) v.play().catch(() => {}); } }; ['touchstart', 'scroll', 'click'].forEach(ev => addEventListener(ev, kick, { passive: true })); v.addEventListener('canplay', kick, { once: true }); })();\n  $$('video').forEach(v => {\n    const wrap = v.closest('.vid');\n    if (wrap && v.poster) wrap.style.backgroundImage = `url(\"${v.getAttribute('poster')}\")`;\n    const dead = () => { if (wrap) wrap.classList.add('dead'); v.pause(); v.dispatchEvent(new Event('pause')); };\n    v.addEventListener('error', dead);\n    $$('source', v).forEach(s => s.addEventListener('error', dead));\n  });\n  const wv = $('#werkVid'), wp = $('#werkPlay');\n  if (wv && wp) {\n    const vidWrap = wv.closest('.vid');\n    const sync = () => { wp.setAttribute('aria-pressed', String(!wv.paused)); if (vidWrap) vidWrap.classList.toggle('playing', !wv.paused); };\n    const wb = $('#werkBig');\n    if (wb) wb.addEventListener('click', () => { wv.muted = false; wv.currentTime = 0; wv.dataset.user = ''; if (vidWrap) vidWrap.classList.add('sound'); wv.play().catch(() => {}); });\n    wv.addEventListener('play', sync); wv.addEventListener('pause', sync);\n    wp.addEventListener('click', () => {\n      if (wv.paused) { wv.dataset.user = ''; wv.play().catch(() => {}); }\n      else { wv.dataset.user = 'paused'; wv.pause(); }\n    });\n    \/\/ Geluidsknop: zet de voice-over aan (en begint opnieuw zodat je niets mist) of weer uit.\n    const ws = $('#werkSound');\n    if (ws) {\n      const syncSnd = () => { ws.setAttribute('aria-pressed', String(!wv.muted)); if (vidWrap) vidWrap.classList.toggle('sound', !wv.muted); };\n      wv.addEventListener('volumechange', syncSnd); syncSnd();\n      ws.addEventListener('click', () => {\n        if (wv.muted) { wv.muted = false; wv.currentTime = 0; wv.dataset.user = ''; wv.play().catch(() => {}); }\n        else { wv.muted = true; }\n        syncSnd();\n      });\n    }\n  }\n\n  \/* ---------- FAQ ---------- *\/\n  $$('.qa button').forEach(b => b.addEventListener('click', () => {\n    const open = b.getAttribute('aria-expanded') !== 'true';\n    b.setAttribute('aria-expanded', String(open));\n    b.closest('.qa').classList.toggle('open', open);\n  }));\n\n  \/* ---------- demo-agenda: GoHighLevel op de achtergrond voorladen ----------\n     De widget is zwaar (zo'n 90 scripts plus beschikbaarheid). Daarom laden we hem zodra de pagina\n     klaar is en de browser even niets te doen heeft, en meteen bij een klik of hover op \"Plan een demo\". *\/\n  const agenda = $('#agenda');\n  if (agenda) {\n    const fr = $('iframe[data-agenda-src]', agenda), sk = $('#calSkelet');\n    fr.removeAttribute('loading');\n    const load = () => {\n      if (fr.src) return;\n      fr.addEventListener('load', () => sk && sk.classList.add('hidden'));\n      fr.src = fr.dataset.agendaSrc;\n      \/\/ Het insluitscript van GoHighLevel zoekt het iframe pas als de src er staat. Het regelt daarna de hoogte\n      \/\/ (iframe-resizer), ook als de widget groeit na het kiezen van een datum. Daarom pas hier laden, niet in de head.\n      if (\/leadconnectorhq\/.test(fr.src)) { const sc = document.createElement('script'); sc.src = 'https:\/\/link.msgsndr.com\/js\/form_embed.js'; sc.async = true; document.head.appendChild(sc); }\n    };\n    new IntersectionObserver((es, io) => { if (es[0].isIntersecting) { load(); io.disconnect(); } }, { rootMargin: '2500px 0px' }).observe(agenda);\n    if (location.hash === '#demo') load();\n    const idle = window.requestIdleCallback || (f => setTimeout(f, 1200));\n    addEventListener('load', () => idle(load, { timeout: 2500 }), { once: true });\n    $$('a[href=\"#demo\"]').forEach(a => ['pointerenter', 'touchstart', 'focus', 'click'].forEach(ev => a.addEventListener(ev, load, { once: true, passive: true })));\n    \/\/ de agenda meldt zelf hoe hoog hij is; zo blijft er geen witruimte onder de kalender over\n    \/\/ Calendly toont vanaf 896px agendabreedte een eigen kaart met witruimte eromheen; die snijden we dan weg (css .cal-kaart)\n    const calKaart = () => agenda.classList.toggle('cal-kaart', \/calendly\\.com\/.test(fr.dataset.agendaSrc || '') && fr.clientWidth >= 896);\n    calKaart(); addEventListener('resize', calKaart);\n    \/\/ Calendly meldt zijn hoogte ook, als calendly.page_height\n    addEventListener('message', e => {\n      if (e.origin !== 'https:\/\/calendly.com' || !e.data || e.data.event !== 'calendly.page_height') return;\n      const h = parseInt(e.data.payload && e.data.payload.height, 10);\n      if (h) fr.style.height = Math.max(420, h) + 'px';\n    });\n    addEventListener('message', e => {\n      if (!\/leadconnectorhq\\.com$\/.test(e.origin)) return;\n      const d = Array.isArray(e.data) ? e.data : null;\n      \/\/ de widget rekent eigen witruimte mee: op desktop ruim 120 px, op de telefoon zo'n 40 px\n      if (d && d[0] === 'highlevel.setHeight' && d[1] && d[1].height) fr.style.height = Math.max(420, Math.round(d[1].height - (innerWidth > 760 ? 130 : 40))) + 'px';\n    });\n  }\n\n  \/* ---------- demoformulier: er gaat niets weg ---------- *\/\n  const form = $('#demoForm');\n  if (form) form.addEventListener('submit', e => {\n    e.preventDefault();\n    const msg = $('.thanks span', form);\n    const txt = msg.textContent;\n    form.classList.add('sent');\n    msg.textContent = ''; requestAnimationFrame(() => { msg.textContent = txt; });\n  });\n\n  \/* ---------- reduced motion live, in beide richtingen ---------- *\/\n  const pinToFinalStates = () => {\n    $$('[data-reveal],[data-reveal-group],[data-reveal-zoom],#track,.hero-stage').forEach(el => el.classList.add('in'));\n    dash && dash.classList.add('live', 'done');\n    inviewVids.forEach(v => v.pause());\n  };\n  const rearm = () => {\n    inviewVids.forEach(v => {\n      const r = v.getBoundingClientRect();\n      if (r.bottom > 0 && r.top < innerHeight && v.dataset.user !== 'paused') v.play().catch(() => {});\n    });\n  };\n  rmq.addEventListener('change', e => { reduced = e.matches; if (reduced) pinToFinalStates(); else rearm(); queueHero(); });\n  if (reduced) pinToFinalStates();\n})();\n\n<\/script>\n<script data-ro=\"pages.js\">\n\/* Subpagina's: tijdlijnen die intekenen bij het scrollen, tellers, vergelijkingstabel en het expertisefilter.\n   Hoort bij site-apple.js (dat regelt menu, entrees, dashboard, trechter, FAQ en video). *\/\n(() => {\n  'use strict';\n  const $ = (s, r = document) => r.querySelector(s);\n  const $$ = (s, r = document) => [...r.querySelectorAll(s)];\n  const reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ---------- verticale tijdlijn: de lijn vult en de knopen lichten op zodra ze het midden passeren ---------- *\/\n  $$('.pg-tl').forEach(tl => {\n    const items = $$('.pg-tl-item', tl);\n    if (reduced) { tl.style.setProperty('--p', 1); items.forEach(i => i.classList.add('on')); return; }\n    let raf = 0;\n    const draw = () => {\n      raf = 0;\n      const r = tl.getBoundingClientRect(), mid = innerHeight * .58;\n      tl.style.setProperty('--p', Math.max(0, Math.min(1, (mid - r.top) \/ r.height)).toFixed(4));\n      items.forEach(it => {\n        const n = $('.pg-tl-node', it).getBoundingClientRect();\n        it.classList.toggle('on', n.top + n.height \/ 2 <= mid);\n      });\n    };\n    const q = () => { if (!raf) raf = requestAnimationFrame(draw); };\n    addEventListener('scroll', q, { passive: true }); addEventListener('resize', q); q();\n  });\n\n  \/* ---------- hoe het werkt: op de telefoon klapt een oplossing open als je op de kop tikt ---------- *\/\n  $$('.pg-sol-tog,.pg-feat-tog').forEach(b => b.addEventListener('click', () => {\n    if (!matchMedia('(max-width:760px)').matches) return;\n    const card = b.closest('.pg-sol,.pg-feat'), open = !card.classList.contains('open');\n    card.classList.toggle('open', open);\n    b.setAttribute('aria-expanded', String(open));\n  }));\n\n  \/* ---------- artikelpagina's: lange uitleg op de telefoon inkorten tot de eerste alinea ---------- *\/\n  $$('.pg-chap').forEach(ch => {\n    if (ch.querySelectorAll(':scope > p').length < 2) return;\n    ch.classList.add('pg-kort');\n    const b = document.createElement('button'); b.type = 'button'; b.className = 'pg-verder'; b.textContent = 'Lees verder';\n    b.addEventListener('click', () => ch.classList.add('open'));\n    ch.appendChild(b);\n  });\n\n  \/* ---------- horizontale tijdlijn (werkdag, eerste weken): speelt af zodra hij in beeld komt ---------- *\/\n  $$('.pg-day').forEach(day => {\n    const items = $$('li', day);\n    const paint = p => { day.style.setProperty('--p', p.toFixed(4)); items.forEach((li, i) => li.classList.toggle('on', p >= i \/ Math.max(1, items.length - 1) - .001)); };\n    if (reduced) { paint(1); return; }\n    new IntersectionObserver((es, io) => {\n      if (!es[0].isIntersecting) return; io.disconnect();\n      const t0 = performance.now(), D = 2800;\n      const tick = now => { const k = Math.min(1, (now - t0) \/ D); paint(k); if (k < 1) requestAnimationFrame(tick); };\n      requestAnimationFrame(tick);\n    }, { threshold: .35 }).observe(day);\n  });\n\n  \/* ---------- zo gebruiken klanten het: meldingen verschijnen \u00e9\u00e9n voor \u00e9\u00e9n, de stap ernaast licht mee op ---------- *\/\n  const feed = $('#pgFeed');\n  if (feed) {\n    const list = $('#pgFeedList'), steps = $$('.pg-use-step[data-step]');\n    const data = $$('li', list).map(li => ({ html: li.innerHTML, step: li.dataset.step }));\n    const setStep = s => steps.forEach(st => st.classList.toggle('on', st.dataset.step === s));\n    if (reduced) { steps.forEach(st => st.classList.add('on')); }\n    else {\n      list.innerHTML = '';\n      let i = 0, timer = 0, visible = false;\n      const max = () => innerWidth <= 760 ? 3 : 4;\n      const add = () => {\n        timer = 0;\n        if (!visible) return;\n        const d = data[i];\n        const before = $$('li', list).map(li => [li, li.getBoundingClientRect().top]);\n        const li = document.createElement('li');\n        li.className = 'pg-feed-item in'; li.dataset.step = d.step; li.innerHTML = d.html;\n        list.prepend(li);\n        \/\/ de bestaande meldingen schuiven zichtbaar een plek op (FLIP)\n        before.forEach(([el, top]) => {\n          const dy = top - el.getBoundingClientRect().top;\n          if (!dy) return;\n          el.style.transition = 'none'; el.style.transform = `translateY(${dy}px)`;\n          el.getBoundingClientRect();\n          el.style.transition = ''; el.style.transform = '';\n        });\n        $$('li', list).slice(max()).forEach((old, k) => { if (k) old.remove(); else { old.classList.add('out'); setTimeout(() => old.remove(), 450); } });\n        setStep(d.step);\n        i++;\n        if (i < data.length) timer = setTimeout(add, 1500);\n        else timer = setTimeout(() => { $$('li', list).forEach(l => l.classList.add('out')); setTimeout(() => { list.innerHTML = ''; i = 0; setStep(null); timer = setTimeout(add, 500); }, 450); }, 3800);\n      };\n      new IntersectionObserver(es => {\n        visible = es[0].isIntersecting;\n        if (visible && !timer) timer = setTimeout(add, i ? 400 : 700);\n        if (!visible && timer) { clearTimeout(timer); timer = 0; }\n      }, { threshold: .3 }).observe(feed);\n    }\n  }\n\n  \/* ---------- wat jij nooit meer hebt: zorgen worden \u00e9\u00e9n voor \u00e9\u00e9n weggestreept, de teller loopt terug naar nul ---------- *\/\n  const gone = $('#pgGone');\n  if (gone) {\n    const items = $$('.pg-gone-item', gone), n = $('#pgGoneN');\n    items.forEach((it, i) => it.style.setProperty('--i', i));\n    const setN = v => { n.classList.add('tick'); setTimeout(() => { n.textContent = v; n.classList.remove('tick'); }, 200); };\n    if (reduced) { items.forEach(it => it.classList.add('done')); n.textContent = '0'; gone.classList.add('go', 'all'); }\n    else new IntersectionObserver((es, io) => {\n      if (!es[0].isIntersecting) return; io.disconnect();\n      gone.classList.add('go');\n      items.forEach((it, i) => setTimeout(() => {\n        it.classList.add('done'); setN(items.length - 1 - i);\n        if (i === items.length - 1) setTimeout(() => gone.classList.add('all'), 250);\n      }, 1200 + i * 650));\n    }, { threshold: .35 }).observe(gone);\n  }\n\n  \/* ---------- en als het toch niet past: drie sc\u00e8nes achter elkaar, de spelregel ernaast licht mee op ---------- *\/\n  const safe = $('#pgSafe');\n  if (safe) {\n    const scenes = $$('.pg-safe-scene', safe), steps = $$('.pg-safe-step', safe), dayEl = $('#pgSafeDay');\n    const DUR = [3600, 3400, 3400], HOLD = 1400;\n    let k = 0, timer = 0, dayTimer = 0, visible = false;\n    const show = i => {\n      scenes.forEach((s, j) => s.classList.toggle('on', j === i));\n      steps.forEach(st => st.classList.toggle('on', st.dataset.step === String(i)));\n      clearInterval(dayTimer);\n      if (i === 0 && dayEl) { let d = 1; dayEl.textContent = '1'; dayTimer = setInterval(() => { d = Math.min(30, d + 1); dayEl.textContent = String(d); if (d >= 30) clearInterval(dayTimer); }, 45); }\n    };\n    const next = () => {\n      timer = 0;\n      if (!visible) return;\n      show(k);\n      const wait = DUR[k] + (k === scenes.length - 1 ? HOLD : 0);\n      k = (k + 1) % scenes.length;\n      timer = setTimeout(next, wait);\n    };\n    \/\/ klik op een spelregel: toon de bijbehorende sc\u00e8ne en pauzeer de doorloop even\n    let pauze = 0;\n    steps.forEach(st => {\n      const i = Number(st.dataset.step); if (Number.isNaN(i)) return;\n      st.setAttribute('role', 'button'); st.setAttribute('tabindex', '0'); st.style.cursor = 'pointer';\n      const kies = () => {\n        clearTimeout(timer); clearTimeout(pauze); timer = 0;\n        show(i); k = (i + 1) % scenes.length;\n        if (matchMedia('(max-width:760px)').matches) $('.pg-safe-stage', safe).scrollIntoView({ behavior: reduced ? 'auto' : 'smooth', block: 'nearest' });\n        if (!reduced) pauze = setTimeout(() => { if (visible && !timer) timer = setTimeout(next, 0); }, 9000);\n      };\n      st.addEventListener('click', kies);\n      st.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); kies(); } });\n    });\n    if (reduced) { scenes[0].classList.add('on'); steps.forEach(st => st.classList.add('on')); if (dayEl) dayEl.textContent = '30'; }\n    else new IntersectionObserver(es => {\n      visible = es[0].isIntersecting;\n      if (visible && !timer) timer = setTimeout(next, 500);\n      if (!visible && timer) { clearTimeout(timer); timer = 0; clearInterval(dayTimer); }\n    }, { threshold: .3 }).observe(safe);\n  }\n\n  \/* ---------- expertises: op de telefoon eerst vier vakgebieden, de rest op verzoek ---------- *\/\n  const sysMore = $('#pgSysMore'), sysBox = $('#pgSys');\n  if (sysMore && sysBox) sysMore.addEventListener('click', () => {\n    const open = !sysBox.classList.contains('open');\n    sysBox.classList.toggle('open', open); sysMore.setAttribute('aria-expanded', String(open));\n    sysMore.firstChild.textContent = open ? 'Toon minder ' : 'Toon alle 12 vakgebieden ';\n  });\n\n  \/* ---------- tellers: data-count=\"85\", optioneel data-dec=\"1\" en data-suffix ---------- *\/\n  const fmt = (v, dec) => dec ? v.toFixed(dec).replace('.', ',') : String(Math.round(v));\n  $$('[data-count]').forEach(el => {\n    const to = parseFloat(el.dataset.count), dec = +(el.dataset.dec || 0), suffix = el.dataset.suffix || '';\n    if (reduced) { el.textContent = fmt(to, dec) + suffix; return; }\n    new IntersectionObserver((es, io) => {\n      if (!es[0].isIntersecting) return; io.disconnect();\n      const t0 = performance.now(), D = 1400;\n      const tick = now => { const k = Math.min(1, (now - t0) \/ D), e = 1 - Math.pow(1 - k, 3); el.textContent = fmt(to * e, dec) + suffix; if (k < 1) requestAnimationFrame(tick); };\n      requestAnimationFrame(tick);\n    }, { threshold: .5 }).observe(el);\n  });\n\n  \/* ---------- expertises op \u00e9\u00e9n scherm: tabs per vakgebied, zoeken over alle functies ---------- *\/\n  const browser = $('.pg-exp-browser');\n  if (browser) {\n    const tabs = $$('.pg-exp-tab'), groups = $$('.pg-exp-group'), input = $('#pgSearch'), count = $('#pgCount'), none = $('#pgNone');\n    const total = $$('.pg-roles li').length;\n    const norm = s => s.toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '');\n    let active = tabs[0].dataset.group;\n    const h = location.hash.slice(1);\n    if (tabs.some(t => t.dataset.group === h)) active = h;\n    const show = () => {\n      const q = norm((input && input.value || '').trim());\n      let hits = 0, shown = 0;\n      groups.forEach(g => {\n        const roles = $$('.pg-roles li', g);\n        let any = false;\n        roles.forEach(li => {\n          const hit = q && norm(li.textContent).includes(q);\n          li.classList.toggle('hit', !!hit); li.classList.toggle('dim', !!q && !hit);\n          if (hit) { any = true; hits++; }\n        });\n        if (q && norm($('h2', g).textContent).includes(q)) { any = true; roles.forEach(li => li.classList.remove('dim')); }\n        g.hidden = q ? !any : g.dataset.group !== active;\n        if (!g.hidden) shown++;\n      });\n      tabs.forEach(t => {\n        t.setAttribute('aria-pressed', String(!q && t.dataset.group === active));\n        const g = groups.find(x => x.dataset.group === t.dataset.group);\n        t.classList.toggle('dim', !!q && g.hidden);\n      });\n      browser.classList.toggle('searching', !!q);\n      none && none.classList.toggle('show', !!q && shown === 0);\n      if (count) count.innerHTML = q ? `<b>${hits}<\/b> ${hits === 1 ? 'functie' : 'functies'} gevonden` : `<b>${total}<\/b> functies in <b>${groups.length}<\/b> vakgebieden`;\n    };\n    tabs.forEach(t => t.addEventListener('click', () => { active = t.dataset.group; if (input) input.value = ''; show(); }));\n    input && input.addEventListener('input', show);\n    show();\n  }\n})();\n\n<\/script>\n<\/div>\n<script>\n\/* Remote Opus: haalt de pagina los van het WordPress-thema en de plug-ins (menu-plug-in, chatwidget, body-marge).\n   Met JavaScript en niet alleen met CSS: LiteSpeed voegt stylesheets samen en zet die van het thema na de onze;\n   inline stijlen via script winnen altijd. *\/\n(function(){\n  var ZET=function(el,p){ if(!el) return; for(var k in p){ try{ if(el.style.getPropertyValue(k)!==p[k]||el.style.getPropertyPriority(k)!=='important') el.style.setProperty(k,p[k],'important'); }catch(e){} } };\n  var LOS=function(){\n    var ro=document.getElementById('ro-site'); if(!ro) return;\n    ['nav.rmn-nav','#ro-cw','.rmn-nav','#rmn_menu_btn','footer.ro-footer'].forEach(function(s){\n      document.querySelectorAll(s).forEach(function(e){ ZET(e,{display:'none'}); }); });\n    ZET(document.documentElement,{'padding-top':'0','margin-top':'0','scroll-padding-top':'84px'});\n    ZET(document.body,{'padding-top':'0','margin-top':'0','margin-bottom':'0','padding-bottom':'0'});\n    var n=ro.parentElement;\n    while(n && n!==document.body){ ZET(n,{padding:'0',margin:'0','max-width':'none',width:'100%',overflow:'visible'}); n=n.parentElement; }\n    ZET(ro,{width:'100%','max-width':'none',margin:'0',padding:'0'});\n  };\n  LOS();\n  document.addEventListener('DOMContentLoaded',LOS);\n  window.addEventListener('load',function(){ LOS(); [100,300,600,900,1200,1600,2000,3000,4500,6000].forEach(function(ms){ setTimeout(LOS,ms); }); });\n  window.addEventListener('resize',LOS);\n  \/* Elementor zet na het laden zelf inline breedtes op secties (stretch); zodra een voorouder van stijl verandert, zetten wij de onze terug *\/\n  try{\n    var mo=new MutationObserver(function(){ clearTimeout(mo._t); mo._t=setTimeout(LOS,20); });\n    document.addEventListener('DOMContentLoaded',function(){ var n=document.getElementById('ro-site'); n=n&&n.parentElement; while(n&&n!==document.body){ mo.observe(n,{attributes:true,attributeFilter:['style','class']}); n=n.parentElement; } });\n  }catch(e){}\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_elementor_version":"3.32.4","_wp_page_template":"elementor_canvas","footnotes":""},"class_list":["post-35151","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/35151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/comments?post=35151"}],"version-history":[{"count":1,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/35151\/revisions"}],"predecessor-version":[{"id":35153,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/35151\/revisions\/35153"}],"wp:attachment":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/media?parent=35151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}