.mp-landing *,.mp-landing :before,.mp-landing :after{box-sizing:border-box}.mp-landing{--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-200:#85b7eb;--blue-400:#378add;--blue-600:#185fa5;--blue-700:#104880;--blue-800:#0c447c;--blue-900:#042c53;--gray-50:#f8fafb;--gray-100:#f1f3f5;--gray-200:#e3e7ed;--gray-400:#8a94a6;--gray-600:#4a5568;--gray-700:#374151;--gray-900:#0f1923;--white:#fff;--font-display:var(--font-dm-serif),Georgia,serif;--font-body:var(--font-dm-sans),system-ui,sans-serif;--touch:56px;--r:14px;--sp:64px 20px;font-family:var(--font-body);color:var(--gray-900);background:var(--white);font-size:17px;line-height:1.6;overflow-x:hidden}.mp-landing nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#042c53eb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.mp-landing .logo{align-items:center;gap:10px;text-decoration:none;display:flex}.mp-landing .logo-mark{background:#ffffff26;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mp-landing .logo-name{font-family:var(--font-display);color:#fff;font-size:21px}.mp-landing .nav-right{align-items:center;gap:10px;display:flex}.mp-landing .nav-links-d{display:none}.mp-landing .btn-nl{color:#ffffffd9;border:1px solid #ffffff40;border-radius:20px;align-items:center;min-height:44px;padding:9px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.mp-landing .btn-nc{display:none}.mp-landing .hero{background:linear-gradient(160deg,var(--blue-900) 0%,var(--blue-700) 100%);flex-direction:column;justify-content:center;min-height:100svh;padding:112px 20px 56px;display:flex;position:relative;overflow:hidden}.mp-landing .hero:before{content:"";background:#378add26;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-80px}.mp-landing .hero:after{content:"";background:#378add1a;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;left:-60px}.mp-landing .hero-badge{color:var(--blue-100);letter-spacing:.3px;z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:7px;width:fit-content;margin-bottom:28px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.mp-landing .hbd{background:var(--blue-200);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mp-landing .hero h1{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;z-index:1;margin-bottom:20px;font-size:clamp(36px,8vw,52px);line-height:1.1;position:relative}.mp-landing .hero h1 em{color:var(--blue-200);font-style:italic}.mp-landing .hero-sub{color:#ffffffbf;z-index:1;max-width:500px;margin-bottom:36px;font-size:18px;line-height:1.65;position:relative}.mp-landing .hero-actions{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.mp-landing .hero-prijs{color:#ffffffd9;z-index:1;align-items:flex-start;gap:9px;max-width:500px;margin-top:24px;font-size:15px;font-weight:600;line-height:1.5;display:flex;position:relative}.mp-landing .hero-prijs svg{flex-shrink:0;margin-top:3px}.mp-landing .hero-prijs strong{color:#fff;white-space:nowrap;font-weight:800}.mp-landing .btn-hp{color:var(--blue-800);border-radius:var(--r);min-height:var(--touch);text-align:center;background:#fff;justify-content:center;align-items:center;width:100%;padding:18px 28px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.mp-landing .btn-hs{color:#fff;border-radius:var(--r);min-height:var(--touch);text-align:center;background:#ffffff1f;border:1.5px solid #ffffff40;justify-content:center;align-items:center;padding:16px 28px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.mp-landing .section{padding:var(--sp)}.mp-landing .sl{color:var(--blue-600);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700}.mp-landing h2{font-family:var(--font-display);color:var(--blue-900);letter-spacing:-.3px;margin-bottom:14px;font-size:clamp(28px,6vw,40px);line-height:1.15}.mp-landing .ssub{color:var(--gray-600);margin-bottom:40px;font-size:17px;line-height:1.65}.mp-landing .how-steps{flex-direction:column;gap:0;display:flex}.mp-landing .how-step{border-bottom:1px solid var(--gray-200);gap:18px;padding:24px 0;display:flex}.mp-landing .how-step:last-child{border-bottom:none}.mp-landing .hsn{background:var(--blue-600);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.mp-landing .hsb h3{font-family:var(--font-display);color:var(--blue-900);margin-bottom:6px;font-size:21px}.mp-landing .hsb p{color:var(--gray-600);font-size:16px;line-height:1.6}.mp-landing .features-section{padding:var(--sp);background:var(--blue-900)}.mp-landing .features-section .sl{color:var(--blue-200)}.mp-landing .features-section h2{color:#fff}.mp-landing .features-section .ssub{color:#fff9}.mp-landing .feature-grid{grid-template-columns:1fr;gap:2px;display:grid}.mp-landing .feature-card{background:#042c5399;padding:32px 24px}.mp-landing .feature-card:first-child{border-radius:var(--r) var(--r) 0 0}.mp-landing .feature-card:last-child{border-radius:0 0 var(--r) var(--r)}.mp-landing .fi{background:#378add33;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.mp-landing .fi svg{width:24px;height:24px;stroke:var(--blue-200);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mp-landing .feature-card h3{font-family:var(--font-display);color:#fff;margin-bottom:10px;font-size:22px}.mp-landing .feature-card p{color:#fff9;font-size:15px;line-height:1.65}.mp-landing .levels-grid{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.mp-landing .lc{border:1px solid var(--gray-200);border-radius:var(--r);background:#fff;padding:28px 22px}.mp-landing .lc.feat{background:var(--blue-900);border-color:var(--blue-900)}.mp-landing .lbadge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.mp-landing .lbadge.n1{background:var(--gray-100);color:var(--gray-600)}.mp-landing .lbadge.n2{background:var(--blue-50);color:var(--blue-700)}.mp-landing .lbadge.n3{color:var(--blue-200);background:#378add40}.mp-landing .lc h3{font-family:var(--font-display);color:var(--blue-900);margin-bottom:8px;font-size:22px}.mp-landing .lc.feat h3{color:#fff}.mp-landing .lc .ldesc{color:var(--gray-600);margin-bottom:20px;font-size:15px;line-height:1.6}.mp-landing .lc.feat .ldesc{color:#fff9}.mp-landing .litems{flex-direction:column;gap:10px;display:flex}.mp-landing .litem{background:var(--gray-50);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mp-landing .lc.feat .litem{background:#ffffff12}.mp-landing .litem-e{flex-shrink:0;font-size:22px}.mp-landing .litem-n{color:var(--gray-900);font-size:14px;font-weight:600}.mp-landing .lc.feat .litem-n{color:#fff}.mp-landing .litem-d{color:var(--gray-400);font-size:12px}.mp-landing .lc.feat .litem-d{color:#fff6}.mp-landing .game-section,.mp-landing .pricing-section{padding:var(--sp);background:var(--gray-50)}.mp-landing .pricing-grid{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.mp-landing .plan{border:1px solid var(--gray-200);border-radius:var(--r);background:#fff;padding:32px 24px;position:relative}.mp-landing .plan-f{border-color:var(--blue-600);box-shadow:0 0 0 4px var(--blue-50);border-width:2px}.mp-landing .plan-badge{background:var(--blue-600);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:5px 18px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.mp-landing .plan-name{letter-spacing:1px;text-transform:uppercase;color:var(--gray-400);margin-bottom:12px;font-size:12px;font-weight:700}.mp-landing .plan-price{font-family:var(--font-display);color:var(--blue-900);margin-bottom:4px;font-size:44px;line-height:1}.mp-landing .plan-period{color:var(--gray-400);margin-bottom:24px;font-size:14px}.mp-landing .plan-div{background:var(--gray-200);height:1px;margin-bottom:20px}.mp-landing .plan-features{margin:0 0 28px;padding:0;list-style:none}.mp-landing .plan-features li{color:var(--gray-600);border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:8px 0;font-size:15px;display:flex}.mp-landing .plan-features li:last-child{border-bottom:none}.mp-landing .plan-features li svg{width:18px;height:18px;stroke:var(--blue-600);fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mp-landing .btn-plan{width:100%;min-height:var(--touch);border-radius:10px;justify-content:center;align-items:center;padding:16px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.mp-landing .btn-pp{background:var(--blue-600);color:#fff}.mp-landing .btn-pg{color:var(--blue-700);border:1.5px solid var(--blue-200);background:0 0}.mp-landing .plan-note{color:var(--gray-400);text-align:center;margin-top:12px;font-size:13px;line-height:1.5}.mp-landing .cta-section{padding:var(--sp);background:var(--blue-900);text-align:center}.mp-landing .cta-section h2{color:#fff;margin-bottom:14px}.mp-landing .cta-section p{color:#fff9;margin-bottom:32px;font-size:17px;line-height:1.6}.mp-landing .btn-cw{color:var(--blue-800);border-radius:var(--r);min-height:var(--touch);background:#fff;justify-content:center;align-items:center;width:100%;padding:18px 32px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.mp-landing .about-section{padding:var(--sp)}.mp-landing .about-disc{background:var(--blue-50);border-left:3px solid var(--blue-400);border-radius:0 10px 10px 0;margin-top:24px;padding:18px 20px}.mp-landing .about-disc p{color:var(--blue-800);font-size:13px;line-height:1.7}.mp-landing .faq-list{flex-direction:column;gap:12px;margin-top:28px;display:flex}.mp-landing .faq-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r)}.mp-landing .faq-item summary{cursor:pointer;min-height:var(--touch);color:var(--blue-900);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:17px;font-weight:600;list-style:none;display:flex}.mp-landing .faq-item summary::-webkit-details-marker{display:none}.mp-landing .faq-plus{background:var(--blue-50);width:28px;height:28px;color:var(--blue-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;font-weight:600;transition:transform .2s;display:flex}.mp-landing .faq-item[open] .faq-plus{transform:rotate(45deg)}.mp-landing .faq-item p{color:var(--gray-600);padding:0 20px 18px;font-size:16px;line-height:1.7}.mp-landing .faq-contact{color:var(--gray-600);margin-top:24px;font-size:16px}.mp-landing .faq-contact a{color:var(--blue-600);font-weight:600}.mp-landing footer{background:var(--gray-900);color:#ffffff80;padding:48px 20px 32px}.mp-landing .footer-brand{margin-bottom:36px}.mp-landing .footer-brand .logo-name{color:#fff}.mp-landing .footer-brand p{margin-top:14px;font-size:15px;line-height:1.65}.mp-landing .footer-cols{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px;display:grid}.mp-landing .footer-col h4{color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}.mp-landing .footer-col a{color:#fff6;align-items:center;min-height:36px;margin-bottom:10px;font-size:14px;text-decoration:none;display:flex}.mp-landing .footer-col a:hover{color:#fffc}.mp-landing .footer-bot{border-top:1px solid #ffffff14;padding-top:24px}.mp-landing .footer-bot p{margin-bottom:12px;font-size:13px}.mp-landing .footer-legal{flex-wrap:wrap;gap:14px;display:flex}.mp-landing .footer-legal a{color:#ffffff59;font-size:13px;text-decoration:none}.mp-landing .level-btn{border:1.5px solid var(--gray-200);cursor:pointer;width:100%;font-family:var(--font-body);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:border-color .15s,transform .1s;display:flex}.mp-landing .level-btn:hover{border-color:var(--blue-400)}.mp-landing .level-btn:active{transform:scale(.98)}.mp-landing .level-btn-icon{flex-shrink:0;font-size:22px}.mp-landing .level-btn-title{color:var(--blue-900);font-size:17px;font-weight:600}.mp-landing .level-btn-sub{color:var(--gray-400);margin-top:2px;font-size:13px}.mp-landing .level-btn-arrow{color:var(--blue-400);margin-left:auto;font-size:20px}.mp-landing #game-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.mp-landing .gstat{text-align:center;background:var(--blue-50);border-radius:12px;padding:14px 8px}.mp-landing .gstat-n{font-family:var(--font-display);color:var(--blue-900);font-size:22px;line-height:1;display:block}.mp-landing .gstat-l{color:var(--gray-400);margin-top:4px;font-size:11px;display:block}.mp-landing #card-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mp-landing .mem-card{aspect-ratio:1;cursor:pointer;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border-radius:14px;transition:transform .4s;position:relative}.mp-landing .mem-card.flipped,.mp-landing .mem-card.matched{transform:rotateY(180deg)}.mp-landing .mem-card-front,.mp-landing .mem-card-back{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0}.mp-landing .mem-card-front{background:var(--blue-600);justify-content:center;align-items:center;display:flex}.mp-landing .mem-card-front svg{stroke:#ffffff4d;fill:none;stroke-width:1.5px;width:32px;height:32px}.mp-landing .mem-card-back{border:2px solid var(--gray-200);overflow:hidden;transform:rotateY(180deg)}.mp-landing .mem-card-back img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.mp-landing .mem-card-back .card-label{color:#fff;text-align:center;background:linear-gradient(#0000,#0009);border-radius:0 0 12px 12px;padding:14px 6px 6px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.mp-landing .mem-card.matched .mem-card-back{border-color:var(--blue-400);box-shadow:0 0 0 3px var(--blue-100)}.mp-landing .game-secondary-btn{border:1.5px solid var(--blue-200);color:var(--blue-700);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-body);background:0 0;border-radius:12px;width:100%;margin-top:20px;padding:15px 24px}.mp-landing .game-primary-btn{background:var(--blue-600);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:17px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.mp-landing .cat-grid{grid-template-columns:1fr;gap:14px;display:grid}.mp-landing .catc{border:1px solid var(--gray-200);border-radius:var(--r);background:#fff;padding:24px 22px}.mp-landing .catc.usp{border-color:var(--blue-400);background:var(--blue-50);box-shadow:0 0 0 4px #378add14}.mp-landing .catc-top{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.mp-landing .catc-ic{background:var(--blue-50);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.mp-landing .catc.usp .catc-ic{background:#fff}.mp-landing .catc h3{font-family:var(--font-display);color:var(--blue-900);margin:0;font-size:20px;line-height:1.2}.mp-landing .catc-usp{letter-spacing:.4px;text-transform:uppercase;color:var(--blue-700);background:var(--blue-100);border-radius:20px;align-items:center;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.mp-landing .catc-sub{color:var(--gray-600);margin-top:8px;font-size:14px;line-height:1.55}.mp-landing .catc-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mp-landing .catc-chips li{color:var(--gray-700);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:20px;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.3}.mp-landing .catc.usp .catc-chips li{border-color:var(--blue-100);color:var(--blue-800);background:#fff}@keyframes mpFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mp-landing .hero>*{animation:.6s both mpFadeUp}.mp-landing .hero-badge{animation-delay:50ms}.mp-landing .hero h1{animation-delay:.15s}.mp-landing .hero-sub{animation-delay:.25s}.mp-landing .hero-actions{animation-delay:.35s}.mp-landing .hero-prijs{animation-delay:.45s}@media (min-width:768px){.mp-landing{--sp:80px 48px}.mp-landing nav{border-bottom:1px solid var(--gray-200);background:#fffffff7;height:72px;padding:0 48px}.mp-landing .logo-mark{background:var(--blue-600)}.mp-landing .logo-name{color:var(--blue-900)}.mp-landing .btn-nl{color:var(--blue-700);border:1.5px solid var(--blue-200)}.mp-landing .btn-nc{color:#fff;background:var(--blue-600);border-radius:9px;align-items:center;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mp-landing .nav-links-d{align-items:center;gap:28px;display:flex}.mp-landing .nav-links-d a{color:var(--gray-600);font-size:14px;font-weight:500;text-decoration:none}.mp-landing .nav-links-d a:hover{color:var(--blue-600)}.mp-landing .hero{min-height:auto;padding:132px 48px 72px}.mp-landing .hero-actions{flex-direction:row}.mp-landing .btn-hp,.mp-landing .btn-hs{width:auto}.mp-landing .feature-grid{grid-template-columns:1fr 1fr}.mp-landing .feature-card:first-child{border-radius:var(--r) 0 0 0}.mp-landing .feature-card:nth-child(2){border-radius:0 var(--r) 0 0}.mp-landing .feature-card:nth-child(3){border-radius:0 0 0 var(--r)}.mp-landing .feature-card:last-child{border-radius:0 0 var(--r) 0}.mp-landing .levels-grid{grid-template-columns:repeat(3,1fr);display:grid}.mp-landing .cat-grid{grid-template-columns:1fr 1fr}.mp-landing .pricing-grid{flex-direction:row;max-width:760px}.mp-landing .pricing-grid .plan{flex:1}.mp-landing .btn-cw{width:auto}.mp-landing .footer-cols{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.mp-landing{--sp:100px 80px}.mp-landing nav{padding:0 80px}.mp-landing .hero{padding:152px 80px 80px}.mp-landing .hero h1{font-size:56px}.mp-landing .cat-grid{grid-template-columns:repeat(3,1fr)}}
