@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap');
:root{--ink:#002129;--deep:#0d2c32;--lime:#f0ff76;--paper:#f7f8f1;--white:#fbfbfb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:"Urbanist",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(13,44,50,.94);position:relative;z-index:10}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:14px}.brand-onze{font-weight:800;letter-spacing:.18em;font-size:19px}.brand-divider{height:22px;width:1px;background:rgba(255,255,255,.35)}.brand-onzap{font-size:24px;font-weight:700;letter-spacing:-.04em}.nav-cta,.primary-cta,.inline-cta{border:0;background:var(--lime);color:var(--ink);font-weight:700;border-radius:999px;display:inline-flex;align-items:center;gap:28px;transition:.2s}.nav-cta{padding:13px 18px 13px 22px}.nav-cta:hover,.primary-cta:hover,.inline-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(240,255,118,.18)}.nav-cta span,.primary-cta span,.inline-cta span{font-size:20px}.hero{min-height:720px;padding:80px max(5vw,24px) 72px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:6vw;align-items:center;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime);text-transform:uppercase;font-size:13px;letter-spacing:.12em;font-weight:700;margin-bottom:28px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(240,255,118,.12)}h1{max-width:780px;font-size:clamp(48px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:600}h1 em{font-style:normal;color:#a8bab6}.lead{max-width:660px;color:#cad5d2;font-size:19px;line-height:1.55;margin:30px 0}.primary-cta{padding:17px 23px 17px 28px;font-size:17px}.cta-note{font-size:13px;color:#8fa3a0;margin-top:14px}.product-visual{min-height:570px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(240,255,118,.17);border-radius:50%}.orbit-one{width:520px;height:520px}.orbit-two{width:360px;height:360px}.phone{width:280px;height:535px;background:#f2f0e8;color:var(--ink);border:8px solid #001b21;border-radius:39px;box-shadow:0 35px 80px rgba(0,0,0,.38);overflow:hidden;transform:rotate(-3deg);z-index:2}.phone-top{height:32px;padding:9px 18px;font-size:10px;display:flex;justify-content:space-between;background:white}.chat-head{height:66px;display:flex;align-items:center;gap:11px;background:#075e54;color:white;padding:10px 14px}.chat-head small,.chat-head strong{display:block}.chat-head small{font-size:10px;opacity:.75}.avatar{background:#c5e1d6;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#17443f;font-weight:800}.chat-body{min-height:430px;padding:18px 13px;background-color:#e9e3d9;background-image:radial-gradient(rgba(0,33,41,.08) .7px,transparent .7px);background-size:12px 12px}.bubble{font-size:12px;line-height:1.35;padding:10px 11px;border-radius:10px;width:82%;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.incoming{background:white}.outgoing{background:#d9ffc8;margin-left:auto}.file-card{display:flex;gap:9px;align-items:center;background:#d9ffc8;padding:11px;border-radius:10px;margin-left:auto;width:88%;font-size:10px}.file-card>span{background:#e55555;color:white;padding:10px 7px;border-radius:5px;font-weight:800}.file-card strong,.file-card small{display:block}.file-card small{opacity:.6;margin-top:3px}.sync-chip{margin:22px auto 0;background:var(--ink);color:var(--lime);width:max-content;padding:7px 10px;border-radius:99px;font-size:9px;font-weight:700}.salesforce-card,.metric-card{position:absolute;z-index:3;background:white;color:var(--ink);border-radius:15px;box-shadow:0 18px 60px rgba(0,0,0,.3)}.salesforce-card{right:0;top:70px;padding:15px;display:flex;gap:12px;align-items:center;width:250px}.salesforce-card small,.salesforce-card strong{display:block}.salesforce-card small{font-size:9px;letter-spacing:.1em;color:#748783}.salesforce-card strong{font-size:14px;margin:3px 0}.salesforce-card p{font-size:10px;margin:0;color:#71817f}.cloud{display:grid;place-items:center;background:#e9f6ff;color:#1185cf;width:38px;height:38px;border-radius:10px}.check{margin-left:auto;background:#dff9df;color:#198b4d;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.metric-card{left:0;bottom:80px;padding:15px 18px;width:185px}.metric-card small,.metric-card strong,.metric-card span{display:block}.metric-card small{font-size:8px;color:#71817f;letter-spacing:.08em}.metric-card strong{font-size:28px;margin:5px 0}.metric-card span{font-size:10px;color:#248456}.audiences{background:var(--paper);color:var(--ink);padding:100px max(5vw,24px)}.section-heading{display:flex;gap:30px;align-items:flex-start;margin-bottom:52px}.section-heading>span{border:1px solid #bac7c4;border-radius:50%;padding:8px;font-size:11px}.section-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:600}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit-card{border-radius:24px;padding:40px;min-height:470px}.dark-card{background:var(--ink);color:white}.light-card{background:#dfe9dc;color:var(--ink)}.card-icon{font-size:36px}.card-label{font-size:11px;letter-spacing:.13em;font-weight:800;margin-top:40px}.benefit-card h3{font-size:34px;letter-spacing:-.04em;margin:12px 0 32px}.benefit-card ul{padding:0;margin:0;list-style:none;display:grid;gap:18px}.benefit-card li{display:grid;grid-template-columns:22px 1fr;gap:10px;line-height:1.45;color:inherit}.benefit-card li span{color:#8b9e22;font-weight:800}.dark-card li{color:#d6e0dd}.dark-card li span{color:var(--lime)}.inline-cta{margin:40px auto 0;padding:16px 24px;display:flex;width:max-content;border:1px solid var(--ink)}.placeholder-section{padding:100px max(5vw,24px);text-align:center}.placeholder-section p{font-size:12px;color:var(--lime);letter-spacing:.13em;font-weight:800}.placeholder-section h2{font-size:56px;margin:15px 0}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.product-visual{min-height:570px}.benefit-grid{grid-template-columns:1fr}.nav-cta{display:none}}@media(max-width:560px){.hero{padding:48px 20px 60px}.topbar{height:70px;padding:0 20px}h1{font-size:43px}.lead{font-size:17px}.product-visual{transform:scale(.78);margin:-60px -70px}.audiences{padding:72px 20px}.section-heading{gap:14px}.benefit-card{padding:28px;min-height:auto}.benefit-card h3{font-size:29px}.placeholder-section h2{font-size:38px}}