*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:#121316;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #087fff;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.skip{position:fixed;left:16px;top:-70px;background:#fff;padding:14px;z-index:100}.skip:focus{top:15px}.header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(20px);border-bottom:1px solid #f0f0f2}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center}.brand img{width:178px;height:auto}.navlinks{display:flex;gap:33px;font-size:13px;color:#56585e}.navlinks a:hover{color:#087fff}.navcta{font-size:12px;font-weight:600;border:1px solid #e2e4e8;border-radius:30px;padding:12px 19px;display:flex;gap:22px;align-items:center;transition:.2s}.navcta:hover{border-color:#087fff;color:#087fff}.menu{display:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#73767e;line-height:1.6}.tiny-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:100%;background:#087fff;vertical-align:middle;margin-right:7px}.hero{text-align:center;padding-top:56px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:4px}.hero h1{font-size:clamp(64px,7.1vw,104px);letter-spacing:-6.5px;line-height:1.01;margin:24px 0 22px;font-weight:660}.hero h1 span{color:#087fff}.hero-sub{font-size:20px;letter-spacing:-.45px;color:#74777e;line-height:1.5;margin:0 0 15px}.mobilebreak{display:none}.textlink{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#087fff;font-weight:550}.textlink svg{width:18px}.hero-stage{position:relative;margin:16px auto 0;max-width:900px;height:590px;display:flex;align-items:center;justify-content:center}.watch-stage{position:relative;width:520px;margin-left:-62px;transform:translateY(10px);z-index:2}.watch-img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.product-tag{position:absolute;left:8%;bottom:25px;display:flex;text-align:left;gap:12px;align-items:center;background:#ffffffeb;padding:14px 20px;border:1px solid #edf0f4;border-radius:13px;box-shadow:0 8px 30px #141d3210}.product-tag svg{width:25px;height:28px;color:#087fff}.product-tag span{font-size:10px;line-height:1.8;color:#85868c}.product-tag b{font-size:11px;font-weight:550;color:#24252a}.phone{width:265px;background:#fff;border:6px solid #202124;outline:1px solid #acadb0;border-radius:41px;box-shadow:14px 15px 22px #17223312,2px 0 0 3px #68686c;position:relative;overflow:hidden;text-align:left;flex-shrink:0}.hero-phone{transform:rotate(7deg);margin-left:-15px;z-index:1;margin-top:-24px}.island{position:absolute;z-index:2;top:9px;left:50%;transform:translateX(-50%);width:75px;height:20px;border-radius:20px;background:#151515}.phone-status{height:39px;display:flex;justify-content:space-between;padding:11px 20px 0;font-size:10px;font-weight:650}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px 0}.mini-brand{font-size:11px;letter-spacing:-.5px;font-weight:650}.mini-brand>span{color:#087fff}.demo-label{font-size:7px;letter-spacing:1.2px;color:#7b7e86;background:#f3f4f6;padding:4px 6px;border-radius:4px}.phone h3{font-size:24px;letter-spacing:-1px;margin:20px 18px 5px;font-weight:650}.phone-sub{font-size:9px;color:#85868d;margin:0 18px 16px}.map{position:relative;overflow:hidden;background:#f0f2f3}.hero-map{height:229px}.map>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s ease}.map-dot{position:absolute;left:52%;top:48%;width:17px;height:17px;background:#087fff;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #087fff44;z-index:2;transform:translate(-50%,-50%);transition:left 1s ease,top 1s ease}.map-dot:before,.map-dot:after{content:"";position:absolute;border:1px solid #087fff33;background:#087fff0c;left:50%;top:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);animation:ripple 3.5s ease-out infinite;z-index:-1}.map-dot:after{animation-delay:1.75s}.map-dot i{display:block;position:absolute;inset:-1px;background:#087fff;border-radius:50%;animation:blink 2.5s ease-in-out infinite}.map-bubble{position:absolute;top:28%;left:50%;transform:translateX(-50%);border-radius:7px;background:white;box-shadow:0 3px 12px #00000010;padding:7px 10px;font-size:8px;white-space:nowrap;font-weight:550;z-index:3}.map-bubble:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:#fff;transform:rotate(45deg)}.map-center{position:absolute;right:13px;bottom:13px;width:31px;height:31px;border:0;border-radius:9px;box-shadow:0 3px 9px #0000000a;background:#fff;display:grid;place-items:center;color:#087fff}.map-center svg{width:18px;height:18px}.phone-card{display:flex;align-items:center;gap:10px;padding:17px 14px;border-bottom:1px solid #f3f4f5;background:#fff}.item-icon{display:grid;place-items:center;width:35px;height:39px;flex-shrink:0;border-radius:10px;background:#f2f5f9;color:#087fff}.item-icon svg{width:23px;height:23px}.phone-card b{font-size:10px;font-weight:600;display:block;margin-bottom:6px}.phone-card small{font-size:7px;color:#85868c;display:block}.status-dot{display:inline-block;background:#087fff;width:4px;height:4px;border-radius:50%;margin-right:3px}.card-chevron{margin-left:auto;color:#85868c;font-size:22px}.phone-bottom{display:flex;justify-content:space-evenly;font-size:7px;color:#a2a4aa;padding:12px 15px 21px}.phone-bottom span{display:flex;align-items:center;flex-direction:column;gap:5px}.phone-bottom svg{width:17px;height:17px}.phone-bottom .active{color:#087fff}.homebar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#1c1c20;border-radius:5px}.hero-note{position:absolute;bottom:7px;width:100%;font-size:10px;color:#5b5e65;letter-spacing:.15px}.note-gray{color:#a1a3a9;margin-left:12px}.problem{background:#f6f7f9;margin-top:58px;padding:102px 0 96px}.problem h2{font-size:clamp(34px,4vw,55px);letter-spacing:-2.5px;line-height:1.18;font-weight:600;margin:22px 0 40px}.problem h2 span{color:#9a9da4}.problem-bottom{display:flex;align-items:flex-start;gap:22px;max-width:520px;margin-left:auto}.line-mark{width:38px;height:2px;flex-shrink:0;background:#087fff;margin-top:13px}.problem-bottom p{font-size:16px;line-height:1.8;color:#74777e;margin:0}.problem-bottom em{font-style:normal;color:#303239}.section{padding-top:110px;padding-bottom:110px}.section-head{margin-bottom:58px}.section-head h2,.app-copy h2,.story-title h2,.closing h2{font-size:clamp(38px,4.4vw,60px);line-height:1.08;letter-spacing:-2.8px;font-weight:600;margin:20px 0 24px}.section-head>p:last-child{font-size:17px;line-height:1.8;color:#7d8087;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step{border-top:1px solid #e4e6e9;padding-top:22px}.step-no{color:#087fff;font-size:11px;font-weight:600}.step h3{font-size:23px;letter-spacing:-.8px;font-weight:550;margin:20px 0 13px}.step p{font-size:13px;line-height:1.85;color:#81848b;margin:0}.app-section{background:#f6f7f9;padding:96px 0;overflow:hidden}.app-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.app-copy h2 span{color:#087fff}.app-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#7d8087;max-width:385px}.scenario-tabs{display:flex;gap:4px;background:#e9ebee;padding:4px;border-radius:30px;width:max-content;max-width:100%;margin:32px 0 17px}.scenario-tabs button{padding:10px 14px;border:0;background:transparent;font-size:11px;color:#74777e;border-radius:25px;display:flex;gap:5px;align-items:center;transition:.2s}.scenario-tabs button svg{width:16px;height:16px}.scenario-tabs button[aria-selected=true]{background:white;color:#121316;box-shadow:0 2px 5px #00000007}.app-copy .scenario-desc{font-size:13px!important;min-height:73px}.demo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:25px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#087fff;color:white;border:1px solid #087fff;border-radius:30px;padding:15px 23px;font-size:12px;font-weight:550;transition:background .2s,transform .2s;min-height:46px}.button svg{width:17px;height:17px}.button:hover{background:#006ee7;transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait}.button.secondary{background:transparent;color:#5c6067;border-color:#d8dbe1;font-size:11px;padding:14px 16px}.button.secondary:hover{background:white}.button.secondary[aria-pressed=true]{border-color:#d89142;color:#9b5c11}.app-copy .demo-disclaimer{font-size:10px!important;line-height:1.8!important;color:#9699a1!important}.app-visual{position:relative;display:flex;justify-content:center;padding:15px 0 30px}.demo-phone{width:287px;border-radius:43px;box-shadow:0 40px 60px -30px #243b6a35,2px 0 0 3px #717279;z-index:2}.demo-phone h3{font-size:26px}.demo-map{height:257px}.demo-phone .phone-sub{font-size:9px}.demo-phone .phone-card{padding:16px}.demo-phone .phone-card b{font-size:11px}.demo-phone .phone-card small{font-size:8px}.app-notice{min-height:37px;margin:12px 15px 0;font-size:9px;color:#74777e;line-height:1.5;padding:0 5px}.map-demo{position:absolute;bottom:9px;left:12px;letter-spacing:.7px;font-size:6px;color:#8e969f}.ambient-ring{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #e0e5ec;border-radius:50%;pointer-events:none}.ring-two{width:550px;height:550px;border-color:#e9edf2}.floating-caption{position:absolute;z-index:4;right:-10px;bottom:59px;border:1px solid #e9edf3;background:#ffffffef;box-shadow:0 12px 25px #20345b0a;border-radius:12px;padding:17px 20px;font-size:11px;color:#545860;display:flex;align-items:center;gap:10px}.pulse-mini{width:7px;height:7px;background:#087fff;border-radius:50%;box-shadow:0 0 0 5px #087fff12;animation:blink 2.5s infinite}.demo-map.searching>img{transform:scale(1.18)}.demo-map.lost .map-dot,.demo-map.lost .map-dot i{background:#e49335}.demo-map.lost .map-dot:before,.demo-map.lost .map-dot:after{border-color:#e4933544;background:#e4933511}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.future-art{background:#f6f7f9;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:4px}.future-art>img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.future-art>svg{width:80%;height:85%;transition:transform .5s;stroke:none;fill:none}.bag-art{background:#f5f3f0}.tool-art{background:#f0f3f6}.future-item:hover .future-art>*{transform:scale(1.045)}.future-info{padding:22px 0}.future-info>span{color:#8a8e95;font-size:10px}.future-info h3{font-size:19px;letter-spacing:-.5px;font-weight:550;margin:10px 0;display:flex;align-items:center;justify-content:space-between}.future-info svg{width:19px;color:#087fff}.story{border-top:1px solid #eceef1;border-bottom:1px solid #eceef1;padding:102px 0}.story-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:90px}.story-title h2{font-size:49px;letter-spacing:-2.2px}.quote-name{margin-top:30px;font-size:11px;color:#25282d;line-height:1.7}.quote-name span{color:#999da5;display:block}.story-body>p:first-child{font-size:16px;line-height:1.9;color:#7d8087;margin:0 0 30px}.founder{display:flex;gap:15px;align-items:center;margin:21px 0}.initials{width:47px;height:47px;border:1px solid #dfe8f4;background:#f3f7fd;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:550;color:#087fff}.founder h3{font-size:13px;font-weight:600;margin:0 0 5px}.founder p{font-size:11px;color:#989ba2;margin:0}.story-note{font-size:10px;color:#999da4;line-height:1.9;margin-top:30px}.roadmap-line{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.roadmap-line article{padding:28px 40px 0 0;border-top:1px solid #dfe3e9;position:relative}.road-dot{position:absolute;left:0;top:-5px;width:9px;height:9px;background:#fff;border:1px solid #cfd4db;border-radius:50%}.road-dot.current{background:#087fff;border-color:#087fff;box-shadow:0 0 0 5px #eff6ff}.roadmap-line small{font-size:9px;letter-spacing:1px;color:#8b8f97}.roadmap-line article:first-child small{color:#087fff}.roadmap-line h3{font-size:18px;letter-spacing:-.4px;font-weight:550;margin:14px 0 10px}.roadmap-line p{color:#8a8e95;font-size:12px;line-height:1.8;max-width:270px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;padding:30px 0 100px}.faq h2{font-size:33px;font-weight:550;letter-spacing:-1.1px;margin:17px 0}.questions{border-top:1px solid #e5e7eb}.questions details{border-bottom:1px solid #e5e7eb;padding:0}.questions summary{list-style:none;cursor:pointer;font-size:13px;font-weight:550;display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:15px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;font-weight:300;color:#818790;transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:12px;color:#80858d;line-height:1.9;padding:0 27px 23px 0;margin:0}.closing{text-align:center;border-top:1px solid #e9ecf1;padding:100px 0}.closing>img{width:173px;height:auto}.closing h2{font-size:53px;margin:30px 0}.closing h2 span{color:#92969e}.closing .button{padding:15px 25px}.closing>p{font-size:11px;color:#a0a4ac;margin-top:24px}.footer{border-top:1px solid #e9ecf1;padding:26px 0 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#9b9fa6;font-size:9px;gap:16px}.footer a:hover{color:#087fff}.footer p{width:100%;font-size:8px;color:#b0b3b9;margin:0}.reveal{opacity:1;transform:none}.js .reveal:not(.visible){opacity:0;transform:translateY(22px)}.js .reveal{transition:opacity .7s ease,transform .7s ease}.step:nth-child(2),.future-item:nth-child(2){transition-delay:.08s}.step:nth-child(3),.future-item:nth-child(3){transition-delay:.16s}@keyframes ripple{0%{opacity:.75;transform:translate(-50%,-50%) scale(.4)}90%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.45}}@media(min-width:1500px){.hero h1{font-size:110px}.hero-stage{height:610px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero h1{letter-spacing:-4px}.app-grid{gap:45px}.app-copy h2{font-size:49px}.demo-actions{align-items:flex-start;flex-direction:column}.scenario-tabs button{padding:10px 11px}.floating-caption{right:-5px;font-size:9px;padding:14px}.story-grid{gap:45px}.story-title h2{font-size:41px}.future-art{height:220px}.steps{gap:30px}.navlinks{gap:22px}.faq{gap:40px}}@media(max-width:700px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{height:68px;gap:16px}.brand img{width:149px}.navcta{font-size:10px;padding:10px 13px;gap:9px;margin-left:auto}.menu{border:0;background:transparent;display:flex;flex-direction:column;gap:5px;padding:7px 0 7px 5px}.menu span{height:1.5px;background:#202228;width:20px}.navlinks{position:absolute;top:67px;left:0;right:0;background:#fffffff7;display:none;flex-direction:column;padding:25px 25px 28px;border-bottom:1px solid #eee;gap:23px}.navlinks.open{display:flex}.hero{padding-top:42px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:clamp(53px,11.4vw,79px);letter-spacing:-3.3px;margin:23px 0 19px}.hero-sub{font-size:15px;line-height:1.6}.hero .textlink{font-size:11px}.hero-stage{height:460px;margin-top:6px;max-width:500px}.watch-stage{width:66%;margin-left:-33px;transform:translateY(25px)}.hero-phone{width:180px;border-width:4px;border-radius:28px;outline-width:.7px;margin-left:-35px;margin-top:-10px;box-shadow:9px 12px 20px #17223314,1px 0 0 2px #68686c}.hero-phone .island{width:50px;height:13px;top:6px}.hero-phone .phone-status{height:27px;font-size:7px;padding:8px 13px 0}.hero-phone .phone-top{padding:10px 12px 0}.hero-phone .mini-brand{font-size:8px}.hero-phone .demo-label{font-size:5px;padding:3px 4px}.hero-phone h3{font-size:18px;margin:14px 12px 4px}.hero-phone .phone-sub{font-size:6px;margin:0 12px 11px}.hero-map{height:162px}.hero-phone .map-dot{width:12px;height:12px;border-width:2px}.hero-phone .map-dot:before,.hero-phone .map-dot:after{width:70px;height:70px}.hero-phone .map-bubble{font-size:6px;padding:5px 7px}.hero-phone .map-center{width:23px;height:23px;right:8px;bottom:8px;border-radius:7px}.hero-phone .map-center svg{width:13px;height:13px}.hero-phone .phone-card{padding:11px 9px;gap:6px}.hero-phone .item-icon{width:24px;height:28px;border-radius:7px}.hero-phone .item-icon svg{width:17px;height:17px}.hero-phone .phone-card b{font-size:7px;margin-bottom:4px}.hero-phone .phone-card small{font-size:5px}.hero-phone .status-dot{width:3px;height:3px}.hero-phone .phone-bottom{padding:8px 10px 16px;font-size:5px}.hero-phone .phone-bottom svg{width:12px;height:12px}.hero-phone .homebar{width:55px;height:2px;bottom:4px}.product-tag{left:12%;bottom:0;padding:10px 12px;gap:8px;border-radius:9px;white-space:nowrap}.product-tag svg{width:19px}.product-tag span{font-size:7px}.product-tag b{font-size:8px}.hero-note{bottom:5px;font-size:8px;line-height:1.8}.hero-note .note-gray{display:block;margin-left:0}.problem{margin-top:25px;padding:65px 0}.problem h2{font-size:30px;letter-spacing:-1.3px;margin:20px 0 30px}.problem-bottom{max-width:340px;gap:15px}.problem-bottom p{font-size:13px}.line-mark{width:24px}.section{padding-top:75px;padding-bottom:70px}.section-head h2,.app-copy h2,.story-title h2{font-size:43px;letter-spacing:-2px}.section-head{margin-bottom:35px}.section-head>p:last-child{font-size:14px}.steps{grid-template-columns:1fr;gap:25px}.step{padding-top:18px;display:grid;grid-template-columns:35px 1fr;column-gap:8px}.step h3{font-size:21px;margin:0 0 12px}.step p{grid-column:2;font-size:12px;max-width:390px}.step-no{padding-top:5px}.app-section{padding:65px 0}.app-grid{grid-template-columns:1fr;gap:35px}.app-copy>p:not(.eyebrow){font-size:14px}.scenario-tabs{margin-top:26px}.scenario-tabs button{padding:10px 15px}.app-copy .scenario-desc{min-height:50px;max-width:360px}.demo-actions{flex-direction:row;gap:8px;margin:18px 0}.button{font-size:11px;padding:14px 17px}.button.secondary{font-size:10px;padding:14px 12px}.app-visual{padding:20px 0 45px}.demo-phone{width:278px}.floating-caption{right:0;bottom:72px}.ambient-ring{width:350px;height:350px}.ring-two{width:450px;height:450px}.future-grid{gap:13px;grid-template-columns:1fr}.future-item{display:grid;grid-template-columns:135px 1fr;align-items:center;background:#f6f7f9;border-radius:7px;overflow:hidden}.future-art{height:145px;border-radius:0}.future-info{padding:18px 20px}.future-info h3{font-size:19px;gap:12px}.future-info>span{font-size:9px}.story{padding:65px 0}.story-grid{grid-template-columns:1fr;gap:25px}.story-title h2{font-size:38px}.quote-name{margin-top:20px}.story-body>p:first-child{font-size:14px}.roadmap-line{grid-template-columns:1fr;margin-top:40px;margin-left:5px}.roadmap-line article{padding:0 0 30px 27px;border-top:0;border-left:1px solid #dfe3e9}.roadmap-line article:last-child{padding-bottom:0}.road-dot{left:-5px;top:0}.roadmap-line h3{margin-top:10px}.roadmap-line p{max-width:320px}.faq{grid-template-columns:1fr;gap:15px;padding-top:0;padding-bottom:60px}.faq h2{font-size:30px}.questions summary{font-size:12px;padding:21px 0}.closing{padding:65px 0}.closing h2{font-size:36px;letter-spacing:-1.8px}.closing>img{width:150px}.footer{font-size:8px;padding-top:22px}.footer p{line-height:1.7;font-size:7px}.mobilebreak{display:none}}@media(max-width:380px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:51px}.navcta{padding:9px 10px;font-size:9px}.brand img{width:133px}.hero-stage{height:420px}.hero-phone{width:162px}.hero-map{height:140px}.product-tag{left:0}.scenario-tabs button{padding:10px 11px}.button.secondary{padding:14px 10px}.problem h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}}

/* Compacte productpresentatie: beide producten vrijstaand naast elkaar. */
.hero{padding-top:34px}.hero h1{font-size:clamp(62px,6.2vw,88px);margin:18px 0 16px;letter-spacing:-5px}.hero-sub{font-size:18px;margin-bottom:10px}.hero-stage{height:475px;margin-top:10px;gap:36px;max-width:880px;padding-bottom:35px}.watch-stage{width:430px;flex-shrink:1;margin-left:0;transform:none;z-index:1}.hero-phone{width:245px;margin-left:0;margin-top:0;transform:rotate(5deg);z-index:3}.hero-phone .hero-map{height:195px}.product-tag{left:5%;bottom:10px}.hero-note{bottom:0}.problem{margin-top:24px;padding:62px 0}.problem h2{margin:17px 0 25px}.section{padding-top:70px;padding-bottom:70px}.section-head{margin-bottom:35px}.section-head h2,.app-copy h2{margin:15px 0 20px}.app-section{padding:58px 0}.app-grid{gap:65px}.app-visual{padding-top:0;padding-bottom:15px}.future-art{height:235px;background:#f7f8fa}.future-art>img{width:95%;height:95%;object-fit:contain;mix-blend-mode:multiply}.future-info{padding:17px 0}.story{padding:65px 0}.story-grid{gap:65px}.roadmap .section-head{margin-bottom:36px}.faq{padding-top:10px;padding-bottom:65px;gap:60px}.closing{padding:65px 0}.closing h2{font-size:47px;margin:22px 0}.closing>p{margin-top:18px}
@media(min-width:1500px){.hero h1{font-size:92px}.hero-stage{height:485px}}
@media(max-width:1000px){.hero-stage{gap:24px}.watch-stage{width:400px}.hero-phone{width:230px}.app-grid{gap:40px}.story-grid{gap:40px}.future-art{height:205px}}
@media(max-width:700px){.hero{padding-top:27px}.hero h1{font-size:clamp(51px,11vw,75px);letter-spacing:-3px;margin:17px 0 15px}.hero-sub{font-size:14px}.hero-stage{height:405px;gap:14px;max-width:470px;padding-bottom:42px;margin-top:8px}.watch-stage{width:52%;flex-shrink:1;margin:0;transform:none}.hero-phone{width:170px;flex-shrink:0;margin:0;transform:rotate(4deg);z-index:3}.hero-phone .hero-map{height:149px}.product-tag{left:0;bottom:-22px;padding:8px 9px;gap:6px}.hero-note{bottom:2px}.problem{margin-top:15px;padding:43px 0}.problem h2{margin-bottom:23px;font-size:29px}.section{padding-top:48px;padding-bottom:48px}.section-head{margin-bottom:27px}.section-head h2,.app-copy h2{font-size:39px;margin:13px 0 17px}.steps{gap:20px}.step{padding-top:15px}.app-section{padding:43px 0}.app-grid{gap:21px}.app-visual{padding-top:12px;padding-bottom:23px}.scenario-tabs{margin-top:20px}.app-copy .scenario-desc{min-height:45px}.future-art{height:130px}.future-item{grid-template-columns:130px 1fr}.future-info{padding:15px 18px}.story{padding:45px 0}.story-grid{gap:20px}.story-title h2{font-size:36px}.story-body>p:first-child{margin-bottom:22px}.founder{margin:16px 0}.story-note{margin-top:21px}.roadmap .section-head{margin-bottom:27px}.roadmap-line{margin-top:25px}.roadmap-line article{padding-bottom:23px}.faq{gap:10px;padding-top:5px;padding-bottom:45px}.questions summary{padding:18px 0}.closing{padding:45px 0}.closing h2{font-size:34px;margin:20px 0}.floating-caption{bottom:50px}}
@media(max-width:380px){.hero-stage{height:380px;gap:9px}.hero-phone{width:153px}.hero-phone .hero-map{height:133px}.watch-stage{width:50%}.hero h1{font-size:49px}.product-tag{padding:7px}.product-tag b{font-size:7px}}

/* Tekst en presentatie in de aangepaste conceptversie. */
.problem .eyebrow,.problem h2,.problem h2 span,.problem-bottom p{color:#121316}
.problem-bottom{max-width:760px}.problem-bottom p{margin:0}.problem-bottom em{font-style:normal}
@media(max-width:700px){.step{display:block}.step p{grid-column:auto}.problem-bottom{max-width:none}}

/* Kop en toelichting naast elkaar, uitgelijnd vanaf dezelfde bovenkant. */
.problem-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;row-gap:20px;align-items:start}
.problem-inner>.eyebrow{grid-column:1 / -1;margin:0}
.problem-inner>h2{grid-column:1;margin:0;line-height:1.18}
.problem-bottom{grid-column:2;max-width:none;margin:0;display:block}
.problem-bottom p{margin:0}
@media(max-width:1000px) and (min-width:701px){.problem-inner{column-gap:36px}.problem-inner>h2{font-size:38px;letter-spacing:-1.7px}.problem-bottom p{font-size:14px}}
@media(max-width:700px){.problem-inner{grid-template-columns:1fr;gap:20px}.problem-inner>.eyebrow,.problem-inner>h2,.problem-bottom{grid-column:1}.problem-inner>h2{margin:0}.problem-bottom{margin:0}}
