@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--lime:#b0dc00;--cyan:#00bfdf;--ink:#203035;--muted:#647279}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #00768a;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font:800 32px Manrope;letter-spacing:-1.4px}.logo img{width:44px;height:44px}.header nav{display:flex;gap:32px;font-size:12px;font-weight:600}.header nav a:hover{color:#007e94}.languages{display:flex;padding:4px;border:1px solid #dce5e6;border-radius:30px;gap:3px}.languages button{border:0;border-radius:22px;background:transparent;font-size:11px;font-weight:700;min-height:35px;min-width:40px}.languages button[aria-pressed=true]{background:var(--ink);color:#fff}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:40px;padding-top:60px;padding-bottom:75px}.hero h1{font:800 62px/1.1 Manrope;letter-spacing:-3.5px;margin:22px 0 25px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:#007d93;position:relative}.intro{max-width:440px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;background:var(--lime);color:#203035;padding:14px 23px;border-radius:30px;font-size:12px;font-weight:700;transition:transform .15s}.button:hover{transform:translateY(-2px);background:#c2e72f}.hero-foot{font-size:11px;color:var(--muted);margin-top:18px}.hero-art{position:relative;height:410px;display:flex;align-items:center;justify-content:center;border-radius:45% 45% 40% 50%;background:linear-gradient(135deg,#f5fadf 0%,#f5fadf 45%,#e0f9fd 45%,#e0f9fd 100%)}.hero-mark{width:66%;position:relative;transform:rotate(-8deg);filter:drop-shadow(0 14px 20px #28566310)}.orbit{position:absolute;width:87%;height:87%;border:1px dashed #88bdc6;border-radius:50%;transform:rotate(-20deg)}.floating{position:absolute;background:#fff;padding:10px 18px;border-radius:25px;box-shadow:0 6px 20px #2440430c;font-size:12px;font-weight:600;z-index:2}.top{left:-14px;top:35px;transform:rotate(-7deg)}.bottom{right:-12px;bottom:30px;transform:rotate(5deg)}.orbit-dot{position:absolute;width:16px;height:16px;background:var(--lime);border-radius:50%;bottom:45px;left:45px}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:48px;padding-bottom:40px;border-top:1px solid #e4ecec;align-items:center}h2{font:800 34px/1.2 Manrope;letter-spacing:-1.4px;margin:15px 0;white-space:pre-line}h3{font:800 18px/1.3 Manrope;letter-spacing:-.5px}.purpose p,.groups p{color:var(--muted);font-size:14px;line-height:1.9}.examples{padding-bottom:70px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case-image{height:180px;border-radius:20px;display:flex;align-items:center;justify-content:center}.case-image svg{width:88%;height:160px}.color-0,.color-2{background:#e3f9fc}.color-1,.color-3{background:#f2f8d9}.case h3{margin:18px 0 6px}.case p{color:var(--muted);font-size:12px;margin-top:0}.groups{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center;background:#e5f9fc;border-radius:24px;padding-top:48px;padding-bottom:48px;max-width:1120px}.groups-art{position:relative;min-height:220px;text-align:center}.chat{position:absolute;left:10px;top:14px;padding:9px 19px;border:1px solid #acdce5;background:white;border-radius:25px;font-size:12px;transform:rotate(-9deg)}.second{left:auto;right:0;top:20px;transform:rotate(8deg)}.third{top:68px;left:34%;transform:rotate(-3deg)}.flow-arrow{display:block;padding-top:105px;font-size:35px;color:#009eb9}.single-place{display:flex;align-items:center;justify-content:center;gap:9px;background:white;border-radius:35px;width:210px;padding:10px;margin:0 auto;border:1px solid #a3d7e1}.single-place img{width:40px}.single-place b{font:800 28px Manrope;letter-spacing:-1px}.how{padding-top:75px;padding-bottom:75px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:35px}.steps article{border-top:1px solid #dce7e7;padding-top:22px}.steps article>span{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:var(--lime);font-size:11px;font-weight:700}.steps article:nth-child(2)>span{background:var(--cyan)}.steps p{color:var(--muted);font-size:13px}.utrecht{background:var(--lime);text-align:center;padding-top:55px;padding-bottom:55px;border-radius:28px;max-width:1120px;margin-bottom:60px}.utrecht h2{font-size:40px;letter-spacing:-1.8px}.utrecht p{max-width:520px;margin:20px auto 25px;font-size:14px}.utrecht .button{background:var(--ink);color:white}.utrecht .button:hover{background:#334950}footer{display:flex;align-items:center;gap:30px;padding-top:20px;padding-bottom:30px;border-top:1px solid #e2ebeb}footer .logo{font-size:24px}footer .logo img{width:32px;height:32px}footer p,footer>a:last-child{font-size:11px}footer>a:last-child{margin-left:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}
@media(max-width:1000px){.hero h1{font-size:50px;letter-spacing:-2.5px}.hero{gap:28px}.hero-art{height:350px}.purpose{gap:40px}.groups,.utrecht{margin-left:30px;margin-right:30px}.groups{gap:35px}.floating{font-size:10px;padding:9px 13px}.case-grid{gap:16px}.case-image{height:160px}.steps{gap:30px}}
@media(max-width:650px){.wrap{padding-left:24px;padding-right:24px}.header{padding:20px 24px}.header nav{display:none}.logo{font-size:27px}.logo img{width:37px;height:37px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:50px;gap:35px}.hero h1{font-size:45px;margin:18px 0 20px;letter-spacing:-2.3px}.intro{font-size:15px}.hero-art{height:285px;max-width:340px;width:100%;margin:auto}.hero-mark{width:62%}.floating{font-size:10px}.top{left:0;top:17px}.bottom{right:0;bottom:20px}.hero-foot{font-size:10px}.eyebrow{font-size:9px}.purpose{grid-template-columns:1fr;gap:0;padding-top:32px;padding-bottom:24px}h2{font-size:29px}.purpose p{margin-top:4px}.case-grid{grid-template-columns:1fr 1fr;gap:24px 15px}.case-image{height:135px;border-radius:15px}.case-image svg{height:130px}.case h3{font-size:16px;margin-top:14px}.case p{font-size:11px}.examples{padding-bottom:40px}.groups{margin:0 16px;grid-template-columns:1fr;gap:15px;padding:25px 24px 30px;border-radius:20px}.groups-art{order:2;min-height:215px;margin-top:10px}.groups h2{font-size:29px}.groups p{font-size:13px}.how{padding-top:45px;padding-bottom:45px}.steps{grid-template-columns:1fr;gap:18px;margin-top:25px}.steps article{padding-top:18px}.steps h3{margin:12px 0 7px}.steps p{margin-top:0}.utrecht{margin:0 16px 35px;padding:35px 24px}.utrecht h2{font-size:29px;letter-spacing:-1px}.utrecht p{font-size:13px}footer{margin:0 24px;padding:20px 0;gap:15px;flex-wrap:wrap}footer p{font-size:10px}footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.download{text-align:center;padding-top:5px;padding-bottom:65px}.download>p{color:var(--muted);font-size:14px}.store-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:24px 0 15px}.store-button{display:flex;align-items:center;gap:12px;text-align:left;background:#203035;color:white;border:1px solid #203035;border-radius:12px;min-width:195px;padding:12px 22px;line-height:1.25}.store-button:disabled{cursor:default;opacity:1}.store-button svg{width:28px;height:32px;flex-shrink:0}.store-button small{display:block;font-size:10px}.store-button strong{display:block;font-size:21px;letter-spacing:-.4px}.download>small{color:var(--muted);font-size:11px}@media(max-width:650px){.download{padding-top:5px;padding-bottom:40px}.store-buttons{gap:10px}.store-button{min-width:180px;padding:12px 18px}.download h2{font-size:29px}}

/* Uploop supplied logo lockups */
.logo .brand-lockup{width:190px;height:auto;display:block}.header{padding-top:14px;padding-bottom:14px}.hero-mark{width:88%;max-width:390px;transform:none;filter:none}.single-place .brand-lockup{width:165px;height:auto}.single-place{padding:2px 18px}footer .logo .brand-lockup{width:150px;height:auto}@media(max-width:650px){.logo .brand-lockup{width:155px}.header{padding:12px 20px}.hero-mark{width:87%;max-width:290px}footer .logo .brand-lockup{width:140px}}