:root{--blue:#3b85e3;--purple:#885dd1;--ink:#21194b;--muted:#656678}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:6px}.skip{position:fixed;top:-60px;background:#fff;z-index:30;padding:15px}.skip:focus{top:0}.space{display:none}
header{height:106px;max-width:1440px;margin:auto;padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}header img{width:161px;height:auto}.header-note{font-size:12px;color:#6a6d82;display:flex;align-items:center;gap:8px}.header-note i,.pulse{display:inline-block;width:7px;height:7px;background:#7963ce;border-radius:50%;box-shadow:0 0 0 5px #8b73cf15}.header-link{font-size:13px;font-weight:600}.header-link span{margin-left:16px}
.hero{position:relative;min-height:800px;background:#f9fbff;overflow:hidden;isolation:isolate}.hero-copy{position:relative;width:47%;margin-left:50%;padding:90px 5% 110px 0;z-index:2}.launch-film{position:absolute;inset:0;z-index:0;mix-blend-mode:multiply;pointer-events:none}.launch-film video,.launch-poster{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.launch-film video{transition:opacity .6s}.launch-film.complete video{opacity:0}.launch-poster{opacity:1}
.eyebrow,.section-tag{font-size:9px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:12px;color:#6655ab}.eyebrow{margin-bottom:28px}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(50px,4.7vw,72px);line-height:1.1;margin:0;font-weight:800}h1 .word{background:linear-gradient(90deg,#3a6fe0,#8a5cc8);background-clip:text;-webkit-background-clip:text;color:transparent;position:relative;display:inline-block}h1 svg{position:absolute;bottom:-14px;left:0;width:100%;height:20px;fill:none;stroke:#885dd1;stroke-width:4;stroke-linecap:round}.intro{font-size:18px;line-height:1.65;color:var(--muted);margin-top:35px}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:50px;padding:19px 25px;font-size:12px;font-weight:600;border:1px solid #d8d6e9;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #655bc733}.primary{background:linear-gradient(110deg,#3a6fe0,#8a5cc8);color:#fff;border:0;box-shadow:0 10px 25px #3a6fe033}.button span{font-size:20px}.launch{background:#ffffffb8;color:#54409a;border-color:#d3cbe5}.micro{font-size:10px;color:#787b8e;margin-top:21px}.mission{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1px;color:#7d7c94;margin-top:35px}.mission-dot{width:5px;height:5px;border-radius:50%;background:#39a68a}.line{width:20px;height:1px;background:#c7c3da}.scroll-link{position:absolute;bottom:27px;right:7%;font-size:8px;letter-spacing:2px;color:#7d7996;display:flex;align-items:center;gap:25px;z-index:3}.scroll-link span{font-size:20px}
.destination{padding:90px max(6%,calc((100% - 1152px)/2)) 85px;background:linear-gradient(115deg,#496ddd,#6862d1)}.destination .section-tag{color:#fff;opacity:.85}.destination-heading{display:flex;align-items:center;justify-content:space-between;gap:65px;margin:20px 0 43px}h2{font-size:clamp(34px,4vw,53px);line-height:1.18;margin:0;font-weight:800}.destination h2,.destination h2 span{color:#fff}.destination-heading p{font-size:14px;line-height:1.8;color:#fff;opacity:.9;max-width:340px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services>a{background:#fff;border:1px solid #ffffff55;padding:29px;border-radius:22px;box-shadow:0 14px 34px #30296a1a;transition:.25s}.services>a:hover{transform:translateY(-7px);box-shadow:0 18px 40px #30296a33}.service-number{font-size:8px;letter-spacing:1.6px;color:#7e7b98}.service-icon{display:grid;place-items:center;background:linear-gradient(135deg,#3b85e3,#885dd1);color:white;border-radius:15px;width:58px;height:58px;font-size:29px;margin:26px 0 20px}h3{font-size:25px;line-height:1.35;margin:0}.services p{font-size:12px;line-height:1.85;color:var(--muted);margin:18px 0 27px}.service-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#6343ab}.service-link b{font-size:20px}
.final-cta{isolation:isolate;position:relative;overflow:hidden;margin:60px 4%;padding:85px 25px;text-align:center;border-radius:30px;background:linear-gradient(115deg,#3a6fe0,#8056c5);color:white}.final-cta .section-tag{justify-content:center;margin-bottom:24px;color:#fff}.final-cta h2{font-size:clamp(36px,5vw,65px)}.final-cta p{line-height:1.8;font-size:14px;margin:22px 0 27px}.final-cta .primary{background:white;color:#503f99;box-shadow:0 10px 30px #28205c33}.text-link{display:block;font-size:11px;margin-top:24px}.cta-orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;width:900px;height:400px;top:160px;left:calc(50% - 450px);transform:rotate(-15deg);z-index:-1}
footer{max-width:1320px;margin:auto;padding:20px 4% 35px;display:flex;align-items:center;gap:35px;color:#888398;font-size:10px}footer img{width:130px;height:auto}footer p{line-height:1.6;margin-right:auto}footer button{border:1px solid #dedbea;background:transparent;border-radius:30px;padding:10px;font-size:10px;color:#746d8b}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.paused{scroll-behavior:auto}
@media(min-width:1600px){.hero-copy{padding-top:110px;padding-bottom:140px}.hero{min-height:900px}}
@media(max-width:1050px){.header-note{display:none}.hero{min-height:740px}.hero-copy{padding-top:70px;width:49%;margin-left:48%}h1{font-size:53px}.eyebrow{font-size:7px;letter-spacing:1.1px}.services>a{padding:24px}h3{font-size:21px}.mission{flex-wrap:wrap}}
@media(max-width:700px){header{height:88px;padding:18px 6%}header img{width:135px}.header-link{font-size:10px}.hero{min-height:1060px;display:flex;flex-direction:column;background:#f9fbff}.hero-copy{margin:0;padding:42px 6% 20px;width:100%}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:25px}h1{font-size:clamp(45px,10.5vw,70px);letter-spacing:-.065em}.intro{font-size:16px;margin-top:32px}.actions{gap:10px;margin-top:25px}.button{padding:16px 23px;font-size:12px;gap:18px}.micro{font-size:9px}.mission{font-size:6px;letter-spacing:.8px;gap:6px;margin-top:24px}.line{width:12px}.launch-film{position:relative;inset:auto;order:2;width:100%;height:490px;overflow:hidden;margin-top:-5px}.launch-film video,.launch-poster{width:200%;max-width:none;height:100%;object-fit:cover;object-position:center;left:-8%}.scroll-link{font-size:7px;bottom:17px;right:6%}.destination{padding:65px 6% 55px}.section-tag{font-size:8px;letter-spacing:1.4px}.destination-heading{display:block;margin:22px 0 30px}.destination-heading p{margin-top:23px}.services{grid-template-columns:1fr;gap:15px}.services>a{padding:27px}.service-icon{margin:20px 0 12px}h3{font-size:25px}.services p{max-width:300px}.final-cta{margin:35px 5%;padding:60px 22px;border-radius:24px}.final-cta p{font-size:12px}footer{flex-wrap:wrap;padding:15px 6% 30px;gap:20px}footer p{width:45%}footer span{font-size:9px}footer img{width:115px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Hero in de originele huisstijl; de lancering staat los van deze sectie. */
.original-hero{min-height:0;padding:58px 22px 80px;background:radial-gradient(ellipse at 50% 0%,#eef2fd,#f7f9fe 65%);position:relative;isolation:isolate}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-content{max-width:1050px;margin:auto;text-align:center}.original-hero .eyebrow{display:inline-flex;padding:9px 17px;border-radius:40px;background:#6d5fd416;font-size:10px}
.original-hero h1{font-size:clamp(30px,3.7vw,51px);line-height:1.17;letter-spacing:-.04em;margin:auto;max-width:1000px}.original-hero h1 .word{margin-top:5px}
.original-hero .intro{max-width:660px;margin:23px auto 26px;font-size:16px;line-height:1.7}.hero-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.purple{background:linear-gradient(135deg,#8a5cc8,#6d3fb0);color:white;border:0}
.hero-form{position:relative;max-width:680px;margin:35px auto 0;text-align:left;padding:28px 32px;border:1px solid #e0ddf0;border-radius:22px;background:#ffffffed;box-shadow:0 14px 40px #5a4fc015}.hero-form h2{font-size:23px;letter-spacing:-.03em}.hero-form>p{font-size:12px;color:#79758e;margin:9px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.hero-form label{display:block;font-size:11px;font-weight:600;color:#4b416d;margin-bottom:13px}.hero-form label span{font-weight:400;color:#807b92}.hero-form input,.hero-form textarea{width:100%;font:inherit;font-size:13px;padding:12px;border:1px solid #dcdde8;border-radius:9px;background:#fbfcff;margin-top:7px;color:#2a2b3f}.hero-form textarea{resize:vertical}.hero-form :is(input,textarea):focus{outline:2px solid #885dd1;outline-offset:2px}.form-bottom{display:flex;align-items:center;gap:20px;margin-top:4px}.form-bottom .button{padding:15px 22px}.form-bottom small{font-size:9px;color:#79758e;line-height:1.7}.form-bottom small a{text-decoration:underline}.hero-form #form-status{font-size:12px;line-height:1.6;background:#f0ecfc;padding:14px;border-radius:10px;color:#4b416d;margin-bottom:0}.hero-form #form-status a{text-decoration:underline}.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:55px;z-index:-1}
#launch-smoke{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:90}
#launch-platform{position:fixed;bottom:0;left:3px;width:220px;height:193px;pointer-events:none;z-index:89;filter:drop-shadow(0 5px 10px #394b7733)}#launch-platform svg{width:100%;height:100%}
#flight-rocket{position:fixed;width:176px;height:auto;left:43px;bottom:26px;pointer-events:none;z-index:91;transform-origin:50% 60%;will-change:transform;clip-path:polygon(50% 1%,54% 3%,60% 15%,63% 26%,64% 49%,70% 56%,75% 77%,75% 93%,72% 94%,65% 83%,59% 78%,57% 84%,60% 92%,61% 96%,54% 97%,46% 97%,39% 96%,40% 92%,43% 84%,42% 78%,35% 83%,28% 94%,24% 93%,24% 75%,30% 54%,36% 49%,37% 23%,40% 15%,48% 2%)}
@media(max-width:700px){.original-hero{padding:35px 18px 65px;display:block;min-height:0}.original-hero h1{font-size:31px}.original-hero .intro{font-size:14px}.original-hero .eyebrow{font-size:8px}.hero-form{padding:23px 20px;margin-top:28px}.hero-form h2{font-size:21px}.form-grid{gap:9px}.form-bottom{display:block}.form-bottom small{display:block;margin-top:13px}#flight-rocket{width:120px;left:25px;bottom:19px}#launch-platform{width:155px;height:136px;left:0}.hero-links{gap:9px}.hero-links .button{font-size:11px;padding:15px 20px}}
/* Formulier links en de introductie rechts, op één gezamenlijke uitlijning. */
.original-hero{padding:65px 6% 100px}
.hero-content{max-width:1180px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:70px;text-align:left}
.hero-message{grid-column:2;grid-row:1;min-width:0}
.original-hero .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:23px}
.original-hero h1{font-size:clamp(34px,3.3vw,47px);line-height:1.16;letter-spacing:-.045em;margin:0}
.original-hero h1 br{display:none}.original-hero h1 .word{display:block;margin-top:13px}
.original-hero .intro{font-size:15px;margin:24px 0 27px;max-width:490px}
.hero-links{justify-content:flex-start;gap:12px}.hero-links .button{font-size:11px;padding:17px 21px}
.hero-form{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0;padding:30px 28px}
.hero-form h2{font-size:24px;line-height:1.25}.hero-form>p{line-height:1.6;margin-bottom:20px}
.form-grid{gap:6px 15px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-form label{min-width:0}.hero-form input{min-width:0}.form-bottom{flex-wrap:wrap;gap:12px}.form-bottom .button{padding:15px 20px;font-size:11px}.form-bottom small{font-size:9px}
#flight-rocket{width:280px;left:43px;bottom:32px}#launch-platform{width:300px;height:263px;left:22px}
@media(min-width:701px) and (max-width:1050px){.hero-content{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.original-hero h1{font-size:36px}.hero-form{padding:25px 22px}.hero-form h2{font-size:21px}.original-hero .eyebrow{font-size:7px}.original-hero .intro{font-size:14px}.hero-links{gap:10px}.hero-links .button{padding:15px 18px}}
@media(max-width:700px){.original-hero{padding:35px 18px 70px}.hero-content{display:flex;flex-direction:column;align-items:stretch;gap:29px}.hero-form{order:0;padding:25px 22px}.hero-message{order:1;text-align:left}.original-hero h1{font-size:32px}.original-hero .eyebrow{font-size:8px;margin-bottom:19px}.original-hero .intro{font-size:14px;margin:22px 0}.hero-form h2{font-size:23px}.form-bottom small{margin-top:0}#flight-rocket{width:170px;left:20px;bottom:23px}#launch-platform{width:205px;height:180px;left:0}}
/* Donker slotblok als duidelijk contrast met de blauwe dienstensectie. */
.final-cta{background:radial-gradient(ellipse at 12% 100%,#263868 0%,transparent 58%),linear-gradient(115deg,#151b32,#24213f);box-shadow:0 18px 50px #151b321c}
.final-cta .section-tag{color:#b8c9ff}.final-cta .text-link{color:#d4d8ee}.final-cta .cta-orbit{border-color:#aebeff24}
.final-cta .primary{background:#fff;color:#29234f}
/* Rondleiding op de echte website, in een laptop van HTML en CSS. */
.sister-tour{padding:115px 6% 105px;background:linear-gradient(180deg,#fff,#f8faff);overflow:hidden}
.sister-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:70px}
.laptop-story{position:relative;min-width:0;padding:28px 0 0}
.laptop-glow{position:absolute;inset:5% -12% -10%;background:radial-gradient(ellipse,#cbdaf876,#e9e1ff55 40%,transparent 69%);pointer-events:none}
.laptop{position:relative;margin:0 4% 0 4%;filter:drop-shadow(0 22px 23px #29395126)}
.laptop-lid{position:relative;background:linear-gradient(135deg,#4d5261,#171a23 18%,#303441 65%,#181b25);border-radius:20px 20px 5px 5px;padding:21px 10px 16px;border:1px solid #777d8c;box-shadow:inset 0 0 0 2px #a0a6b526}
.laptop-camera{position:absolute;top:8px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#192439;box-shadow:0 0 0 1px #4e5769}
.laptop-screen{background:#fff;overflow:hidden;border-radius:4px;border:1px solid #11141b}
.laptop-browser{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#f0f1f6;color:#868a9b;font-size:8px;border-bottom:1px solid #e0e3ed;gap:12px}
.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#c8cbd5}.browser-dots i:first-child{background:#ee9d9d}.browser-dots i:nth-child(2){background:#dfc580}.browser-dots i:nth-child(3){background:#91bba4}
.browser-address{padding:3px 20px;border-radius:4px;background:#fff;min-width:55%;text-align:center;font-size:7px;color:#6e7083}
#website-tour{display:block;width:100%;aspect-ratio:8/5;background:#f6f8ff;object-fit:cover}
.laptop-brand{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:4px;letter-spacing:1.7px;color:#9aa0b1}
.laptop-base{position:relative;left:-6%;width:112%;height:17px;background:linear-gradient(180deg,#d5d9e2,#a3aab8 32%,#e0e3ea 44%,#a5aebb 82%,#747d8c);border-radius:1px 1px 50% 50% / 1px 1px 100% 100%;box-shadow:0 5px 5px #28304f19}
.laptop-base span{display:block;margin:auto;width:15%;height:5px;background:linear-gradient(#929aa9,#c1c7d3);border-radius:0 0 7px 7px}
.tour-playback{position:relative;display:flex;align-items:center;gap:8px;margin:29px 5% 0;color:#77738d;font-size:9px;line-height:1.5;min-height:30px}.tour-live-dot{width:5px;height:5px;border-radius:50%;background:#885dd1;flex-shrink:0}.tour-playback button{margin-left:auto;flex-shrink:0;border:1px solid #dedbec;border-radius:25px;background:#fff;padding:8px 11px;font-size:9px;color:#62538f}
.tour-chapters{position:relative;display:flex;gap:0;margin:19px 5% 0;border-top:1px solid #dedfeb}
.tour-chapters button{flex:1;border:0;border-top:2px solid transparent;margin-top:-1px;background:transparent;padding:14px 3px;text-align:left;font-size:10px;color:#8d899d;transition:color .2s,border-color .2s}.tour-chapters span{font-size:8px;margin-right:8px;opacity:.7}.tour-chapters button[aria-pressed=true]{color:#5f46b0;border-top-color:#8061cd;font-weight:600}
.sister-copy .section-tag{font-size:9px;letter-spacing:1.8px;margin-bottom:20px}.sister-copy h2{font-size:clamp(29px,3vw,40px);line-height:1.19;letter-spacing:-.045em;color:#241a4a}.sister-copy h2 span{color:#7660bf}.sister-copy p{font-size:12px;line-height:1.85;color:#747185;margin:17px 0}.sister-copy .sister-lead{font-size:15px;line-height:1.65;color:#3e3657;margin-top:25px}.sister-copy strong{font-weight:600}.sister-link{margin-top:10px;font-size:11px;padding:17px 22px;gap:13px}.sister-footnote{display:block;font-size:9px;color:#928b9f;margin-top:16px}
@media(min-width:701px) and (max-width:1050px){.sister-inner{gap:36px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.sister-tour{padding:80px 5%}.sister-copy h2{font-size:30px}.sister-link{padding:15px;font-size:10px}.tour-chapters button{font-size:9px}.tour-chapters span{margin-right:4px}}
@media(max-width:700px){.sister-tour{padding:60px 6% 50px}.sister-inner{display:flex;flex-direction:column;gap:24px}.laptop-story{width:100%;padding-top:0;order:1}.sister-copy{order:0}.sister-copy h2{font-size:34px}.sister-copy p{font-size:13px}.sister-copy .sister-lead{font-size:16px}.laptop-lid{border-radius:13px 13px 3px 3px;padding:15px 6px 12px}.laptop-camera{top:6px;width:3px;height:3px}.laptop-browser{height:20px;padding:0 6px}.browser-address{font-size:6px;padding:2px 9px}.browser-dots{gap:3px}.browser-dots i{width:4px;height:4px}.laptop-brand{font-size:3px;bottom:3px}.laptop-base{height:12px}.laptop-base span{height:4px}.tour-playback{margin-top:20px;font-size:8px;gap:6px}.tour-playback button{font-size:8px;padding:7px 9px}.tour-chapters{margin-top:12px}.tour-chapters button{font-size:9px;padding:12px 2px}.tour-chapters span{margin-right:4px}.sister-link{font-size:11px;padding:16px 20px}.sister-footnote{font-size:9px}}