/* PPWR Wijzer — playful brand system 2026-10-30 */
:root{
  --pw-navy:#0d2b4d;
  --pw-navy2:#173d63;
  --pw-teal:#10a7a0;
  --pw-aqua:#78ddd5;
  --pw-mint:#dff7f2;
  --pw-blue:#79b8ef;
  --pw-blue-soft:#e9f4fc;
  --pw-coral:#ef7c5b;
  --pw-peach:#ffd9c7;
  --pw-sand:#f4e8d5;
  --pw-cream:#fffaf4;
  --pw-lilac:#e8e4fb;
  --pw-yellow:#f4c96a;
  --pw-green:#3c9c7c;
  --pw-ink:#16314b;
  --pw-muted:#5e7184;
  --pw-line:rgba(13,43,77,.12);
  --pw-shadow:0 22px 60px rgba(13,43,77,.12);
  --pw-shadow-soft:0 14px 34px rgba(13,43,77,.08);
}

html{scroll-behavior:smooth}
.mk-body{background:var(--pw-cream);color:var(--pw-ink);overflow-x:hidden}
.mk-wrap{width:min(1220px,calc(100% - 44px))}

/* header */
.mk-top{background:rgba(255,250,244,.9);border-bottom:1px solid rgba(13,43,77,.08);backdrop-filter:blur(16px)}
.mk-navrow{height:86px}
.mk-brand{min-width:225px}.mk-brand img{width:208px}
.mk-navlinks{gap:30px;font-size:14px}.mk-navlinks a{color:#29435b;font-weight:760}.mk-navlinks a:after{height:3px;bottom:-11px;border-radius:8px;background:linear-gradient(90deg,var(--pw-coral),var(--pw-teal))}
.mk-navlinks a:hover{color:var(--pw-navy)}
.mk-btn{border-radius:12px;min-height:47px;padding:0 20px;font-weight:800;box-shadow:none!important}
.mk-btn.primary{background:var(--pw-navy);color:#fff}.mk-btn.primary:hover{background:#17446e;transform:translateY(-1px)}
.mk-btn.outline{background:rgba(255,255,255,.72);border-color:rgba(13,43,77,.22);color:var(--pw-navy)}
.mk-btn.outline:hover{background:#fff;border-color:rgba(13,43,77,.4);transform:translateY(-1px)}
.mk-btn.dark{background:var(--pw-teal);color:#073f42}.mk-btn.dark:hover{background:#2bc0b7}

/* hero: organic, layered and lively */
.mk-hero{padding:68px 0 74px;overflow:hidden;background:
 radial-gradient(circle at 84% 6%,rgba(255,196,163,.85) 0 12%,transparent 30%),
 radial-gradient(circle at 67% 30%,rgba(120,221,213,.65) 0 17%,transparent 38%),
 radial-gradient(circle at 4% 86%,rgba(117,190,237,.20) 0 12%,transparent 31%),
 var(--pw-cream)}
.mk-hero:before{content:"";position:absolute;width:610px;height:300px;left:-150px;bottom:-155px;background:#dff6f5;border-radius:50% 60% 40% 50%/65% 45% 55% 35%;transform:rotate(8deg);z-index:0}
.mk-hero:after{content:"";position:absolute;width:360px;height:360px;right:-150px;top:82px;border-radius:58% 42% 60% 40%;background:rgba(244,201,106,.18);z-index:0}
.mk-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);gap:42px;align-items:center;position:relative;z-index:2}
.mk-hero-grid>div:first-child{padding:24px 0 36px;position:relative;z-index:6}
.mk-kicker{border:0;background:transparent;padding:0;color:#07958e;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.mk-kicker i{width:9px;height:9px;background:var(--pw-coral);box-shadow:0 0 0 5px rgba(239,124,91,.12)}
.mk-hero h1{font-size:clamp(48px,5.4vw,74px);line-height:.98;letter-spacing:-.052em;color:var(--pw-navy);max-width:660px;margin:22px 0 22px}
.mk-hero h1 span{color:var(--pw-coral)!important;-webkit-text-fill-color:var(--pw-coral)!important;background:none!important}
.mk-lead{max-width:620px;font-size:17px;line-height:1.74;color:#52697e}
.mk-actions{margin-top:30px}.mk-proof{margin-top:22px;gap:18px;color:#5b7080;font-size:12px}.mk-proof span:before{color:var(--pw-teal)}

.mk-play-visual{min-height:600px;position:relative;margin-right:-34px;isolation:isolate}
.mk-play-visual:before{content:"";position:absolute;inset:45px 0 18px 10%;border-radius:46% 54% 40% 60%/42% 38% 62% 58%;background:linear-gradient(145deg,rgba(123,221,213,.95),rgba(125,188,235,.68));z-index:-3;transform:rotate(-3deg)}
.mk-play-visual:after{content:"";position:absolute;width:230px;height:230px;right:10px;bottom:12px;border-radius:50%;background:#ffd7c4;z-index:-4}
.mk-hero-photo{position:absolute;left:4%;bottom:18px;width:48%;height:330px;margin:0;min-height:0;border:0;box-shadow:none!important;border-radius:42% 58% 48% 52%/56% 46% 54% 44%;overflow:hidden;z-index:1;transform:rotate(-3deg)}
.mk-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.02)}
.mk-hero-photo figcaption{display:none}
.mk-play-platform{position:absolute;right:0;bottom:26px;width:74%;height:82px;border-radius:55% 45% 50% 50%;background:linear-gradient(180deg,#e9ddd0,#d7c6b6);box-shadow:0 18px 36px rgba(13,43,77,.08);z-index:0;transform:rotate(-1.5deg)}
.mk-play-app.mk-appshot{position:absolute;right:3%;top:102px;width:79%;margin:0;padding:9px;border:1px solid rgba(13,43,77,.13);border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(13,43,77,.20)!important;transform:rotate(-1.4deg);z-index:4}
.mk-play-app .mk-appbar{height:32px}.mk-play-app .mk-screen{min-height:365px;border-radius:16px}.mk-play-app .mk-side{background:var(--pw-navy)}
.mk-play-app .mk-side a.active{background:#13a7a0;color:#fff}
.mk-play-app .mk-kpi,.mk-play-app .mk-panel{border-radius:12px}.mk-play-app .mk-bar i{background:linear-gradient(90deg,var(--pw-teal),var(--pw-aqua))}
.mk-play-app:after{display:none}
.mk-float-note{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;padding:13px 15px;background:rgba(255,255,255,.94);border:1px solid rgba(13,43,77,.08);border-radius:20px;box-shadow:var(--pw-shadow-soft);max-width:210px;backdrop-filter:blur(8px)}
.mk-float-note>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:13px;background:var(--pw-mint);color:var(--pw-teal);font-size:18px;font-weight:900}
.mk-float-note b,.mk-float-note small{display:block}.mk-float-note b{color:var(--pw-navy);font-size:12px;line-height:1.25}.mk-float-note small{color:#6e8090;font-size:10px;margin-top:2px}
.mk-float-note.note-one{left:2%;top:49px;transform:rotate(-5deg)}
.mk-float-note.note-two{right:-2%;top:225px;transform:rotate(4deg)}
.mk-float-note.note-two>span{background:#e8e4fb;color:#6655b2}

/* feature bridge */
.mk-capstrip{position:relative;z-index:7;margin-top:-16px;background:transparent;border:0}
.mk-capgrid{border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(13,43,77,.10);overflow:hidden;border:1px solid rgba(13,43,77,.07)}
.mk-cap{min-height:104px;padding:20px 22px;border-right:1px solid rgba(13,43,77,.08)!important;border-top:0!important;background:transparent;color:var(--pw-navy)}
.mk-cap:last-child{border-right:0!important}.mk-cap i{width:50px;height:50px;border:0;border-radius:16px;font-size:21px;background:var(--pw-mint);color:var(--pw-teal)}
.mk-cap:nth-child(2) i{background:var(--pw-blue-soft);color:#347ab2}.mk-cap:nth-child(3) i{background:#fff0e8;color:var(--pw-coral)}.mk-cap:nth-child(4) i{background:var(--pw-lilac);color:#6356b2}
.mk-cap b{font-size:15px;color:var(--pw-navy)}.mk-cap small{color:#738395}

/* main sections */
.mk-section{padding:100px 0;position:relative}.mk-section-head{margin-bottom:38px}.mk-section-head h2{font-size:clamp(34px,4.2vw,52px);line-height:1.04;letter-spacing:-.042em;color:var(--pw-navy)}.mk-section-head p{max-width:680px;color:var(--pw-muted);line-height:1.72}.mk-link{color:var(--pw-teal)}
#product{padding-top:118px;background:linear-gradient(180deg,var(--pw-cream) 0,#f1f8fc 100%);overflow:hidden}
#product:before{content:"";position:absolute;width:500px;height:500px;right:-230px;top:130px;background:rgba(120,221,213,.2);border-radius:42% 58% 60% 40%;transform:rotate(20deg)}
#product:after{content:"";position:absolute;width:320px;height:180px;left:-120px;bottom:120px;background:rgba(239,124,91,.11);border-radius:55% 45% 58% 42%}
.mk-grid6{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;border:0}
.mk-feature,.mk-feature:nth-child(n){grid-column:span 4;min-height:230px;border:1px solid rgba(13,43,77,.08);border-radius:26px;padding:28px;background:#fff;box-shadow:0 10px 24px rgba(13,43,77,.045);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.mk-feature:nth-child(1){grid-column:span 7;background:#fff2ea;min-height:260px}.mk-feature:nth-child(2){grid-column:span 5;background:#e5f7f4;min-height:260px}.mk-feature:nth-child(3){background:#eaf4fc}.mk-feature:nth-child(4){background:#fff6dc}.mk-feature:nth-child(5){background:#f3eefc}.mk-feature:nth-child(6){background:#edf8ef}
.mk-feature:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-35px;top:-35px;background:rgba(255,255,255,.55)}
.mk-feature:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(13,43,77,.08);border-color:rgba(13,43,77,.13)}
.mk-icon{width:48px;height:48px;display:grid;border-radius:15px!important;background:rgba(255,255,255,.72)!important;color:var(--pw-coral)!important;font-size:16px;font-weight:900;place-items:center;box-shadow:0 6px 14px rgba(13,43,77,.05)}
.mk-feature:nth-child(2n) .mk-icon{color:var(--pw-teal)!important}.mk-feature h3{font-size:21px;margin:17px 0 8px;color:var(--pw-navy)}.mk-feature p{max-width:520px;line-height:1.68;color:#607486}.mk-feature a{color:var(--pw-navy);font-weight:850}

/* practice section: curved transition */
.mk-practice{padding:128px 0 140px;background:linear-gradient(145deg,#dff5f2 0 42%,#e7f2fb 42% 100%);overflow:hidden;border:0}
.mk-practice:before{content:"";position:absolute;left:-5%;top:-74px;width:110%;height:135px;background:#f1f8fc;border-radius:0 0 50% 50%/0 0 100% 100%;transform:none}
.mk-practice:after{content:"";position:absolute;left:-5%;bottom:-82px;width:110%;height:145px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;transform:none}
.mk-practice-grid{position:relative;z-index:2;grid-template-columns:.84fr 1.16fr;gap:68px}.mk-practice-copy h2{font-size:clamp(36px,4.1vw,53px);line-height:1.05;color:var(--pw-navy)}.mk-practice-copy>p{color:#536c7d;line-height:1.75}.mk-practice-points{gap:8px}.mk-practice-points span{padding:11px 0;color:#3f596d}.mk-practice-points b{width:34px;height:34px;border-radius:12px;background:#fff;color:var(--pw-coral);box-shadow:0 8px 18px rgba(13,43,77,.06)}
.mk-photo-frame{border:0;border-radius:44px 18px 44px 18px;overflow:hidden;box-shadow:0 24px 50px rgba(13,43,77,.14)!important;max-width:760px}.mk-photo-frame:after{display:none}.mk-photo-frame img{height:500px;border-radius:inherit}.mk-photo-frame figcaption{left:22px;bottom:22px;border:0;border-radius:16px;background:rgba(13,43,77,.88);padding:11px 14px}

/* visual stories */
.mk-visual-cases{padding-top:110px;background:#fff!important}.mk-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0}.mk-visual-card,.mk-visual-card:nth-child(2){display:flex;flex-direction:column;border:0!important;border-radius:30px;background:#fff6ed;overflow:hidden;box-shadow:0 12px 28px rgba(13,43,77,.06)}.mk-visual-card:nth-child(2){background:#e8f7f5}.mk-visual-card:nth-child(2) img{order:0}.mk-visual-card>img{height:300px;min-height:300px;object-fit:cover}.mk-visual-card>div{padding:30px 31px 34px}.mk-visual-card span{color:var(--pw-coral)}.mk-visual-card:nth-child(2) span{color:var(--pw-teal)}.mk-visual-card h3{font-size:28px;line-height:1.12;color:var(--pw-navy)}.mk-visual-card p{color:#5d7284}.mk-visual-card a{color:var(--pw-navy)}

/* audience: playful b2b cards */
#oplossingen{background:var(--pw-navy)!important;overflow:hidden;padding:106px 0 116px}
#oplossingen:before{content:"";position:absolute;right:-120px;top:-120px;width:430px;height:430px;border-radius:44% 56% 61% 39%;background:rgba(120,221,213,.12)}
#oplossingen:after{content:"";position:absolute;left:-120px;bottom:-180px;width:380px;height:380px;border-radius:50%;background:rgba(239,124,91,.11)}
#oplossingen .mk-section-head h2{color:#fff}#oplossingen .mk-section-head p{color:#c4d2df}
.mk-audience{position:relative;z-index:2;grid-template-columns:repeat(4,1fr);gap:14px;border:0}.mk-aud{min-height:245px;border:0;border-radius:24px;padding:25px;background:#fff}.mk-aud:nth-child(1){background:#dff5f2}.mk-aud:nth-child(2){background:#fee5d8}.mk-aud:nth-child(3){background:#e9f4fc}.mk-aud:nth-child(4){background:#f4eddb}.mk-aud span{width:48px;height:48px;border:0;border-radius:15px;background:rgba(255,255,255,.68);color:var(--pw-navy);font-size:12px}.mk-aud h3{color:var(--pw-navy);font-size:19px}.mk-aud p{color:#50677a;line-height:1.68}

/* workflow */
.mk-workflow{grid-template-columns:1.1fr .9fr;gap:68px;align-items:center}.mk-workflow-card{padding:14px;border:0;border-radius:30px;background:linear-gradient(145deg,#e4f6f3,#e9f3fb);box-shadow:none;transform:rotate(-1deg)}.mk-table{border:1px solid rgba(13,43,77,.09);border-radius:20px;box-shadow:0 18px 36px rgba(13,43,77,.08);padding:18px}.mk-status{border-radius:9px;background:#e1f6ee;color:#26755f}.mk-checklist div:before{border-radius:10px;background:#fff1ea;color:var(--pw-coral)}

/* steps */
.mk-section.soft{background:#f3f8fb}.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border:0}.mk-steps:before{display:none}.mk-step,.mk-step+.mk-step{padding:26px;border:0;border-radius:24px;background:#fff}.mk-step:nth-child(1){background:#fff0e8}.mk-step:nth-child(2){background:#e6f7f4}.mk-step:nth-child(3){background:#e9f4fc}.mk-step strong{width:46px;height:46px;border:0;border-radius:15px;background:#fff;color:var(--pw-navy);font-size:15px;box-shadow:0 8px 20px rgba(13,43,77,.06)}.mk-step h3{font-size:20px;margin-top:20px}.mk-step p{color:#5f7282}

/* pricing */
#prijzen{background:var(--pw-cream);overflow:hidden}#prijzen:before{content:"";position:absolute;right:-160px;top:90px;width:420px;height:420px;border-radius:50%;background:rgba(121,184,239,.13)}
.mk-pricing{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:0;background:transparent}.mk-price{padding:30px;border:1px solid rgba(13,43,77,.09)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 10px 24px rgba(13,43,77,.04)}.mk-price:nth-child(1){background:#f8f3eb!important}.mk-price.popular{background:#e6f7f4!important;transform:translateY(-6px);border-color:rgba(16,167,160,.28)!important}.mk-price.popular:before{height:0}.mk-price .badge{position:static;display:inline-block;margin-bottom:13px;border-radius:999px;background:var(--pw-coral);color:#fff}.mk-price .price{font-size:40px;color:var(--pw-navy)}.mk-price li:before{color:var(--pw-teal)}

/* faq */
#kennisbank{background:#eaf4fa!important}.mk-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0}.mk-faq details{border:1px solid rgba(13,43,77,.08);border-radius:18px;background:rgba(255,255,255,.74);padding:18px 20px}.mk-faq details[open]{background:#fff}.mk-faq summary{font-weight:800;color:var(--pw-navy)}.mk-faq summary:after{color:var(--pw-coral)}

/* contact */
#contact{background:linear-gradient(135deg,#f4e8d5 0 52%,#ffe2d3 52% 100%);padding:104px 0}.mk-contact{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;padding:48px;border:0;border-radius:34px;background:var(--pw-navy);overflow:hidden;color:#fff}.mk-contact:after{display:block;content:"";position:absolute;width:290px;height:290px;right:-120px;top:-130px;border-radius:50%;background:rgba(120,221,213,.13)}.mk-contact h2{color:#fff}.mk-contact p{color:#c7d5df}.mk-contact .mk-kicker{color:#7ee0d8}.mk-contact .mk-kicker i{background:var(--pw-coral)}.mk-contact .mk-proof span{color:#d4e1e8}.mk-form{border:0;border-radius:24px;background:#fff;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.12)}.mk-form input,.mk-form select,.mk-form textarea{border-radius:11px;background:#fbfcfd;border-color:#d8e1e6}

/* footer */
.mk-footer{margin-top:0;background:#08233f;padding-top:64px}.mk-footer a{color:#adc0cf}.mk-footer a:hover{color:#fff}.mk-footbottom{color:#829caf}

/* subpages */
.mk-pagehero{padding:84px 0 82px;background:
 radial-gradient(circle at 82% 24%,rgba(120,221,213,.48) 0 14%,transparent 36%),
 radial-gradient(circle at 98% 86%,rgba(255,198,165,.52) 0 14%,transparent 34%),
 var(--pw-cream);border:0;overflow:hidden}
.mk-pagehero:before{content:"";position:absolute;width:390px;height:210px;right:13%;bottom:-120px;background:#dff2fb;border-radius:50% 45% 55% 50%;transform:rotate(-8deg)}
.mk-pagehero:after{content:"";position:absolute;width:170px;height:170px;right:-65px;top:-30px;background:rgba(239,124,91,.16);border-radius:50%}
.mk-pagehero .mk-wrap{position:relative;z-index:2}.mk-breadcrumb{color:#758697}.mk-breadcrumb a{color:var(--pw-teal)}.mk-pagehero h1{max-width:900px;font-size:clamp(42px,5.1vw,64px);color:var(--pw-navy)}.mk-pagehero p{color:#586f81}.mk-pagebody{background:#fff;padding:80px 0 100px}
.mk-pagegrid{gap:20px}.mk-module{border:0!important;border-radius:24px!important;padding:28px!important;background:#f5f8fb!important}.mk-module:nth-child(2n){background:#fff3eb!important}.mk-module .tag{color:var(--pw-coral)}

/* knowledge */
.mk-knowledge{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:0}.mk-knowledge article{border:1px solid rgba(13,43,77,.08)!important;border-radius:24px!important;background:#fff!important;overflow:hidden;padding:0!important;box-shadow:0 10px 24px rgba(13,43,77,.045)}.mk-knowledge article:nth-child(3n+2){background:#fff7f0!important}.mk-knowledge article:nth-child(3n){background:#f0f8fb!important}.kb-card-thumb{height:190px;border:0}.kb-card-body{padding:23px 24px 26px}.mk-knowledge small{color:var(--pw-teal)}.mk-knowledge a{color:var(--pw-navy)}.kb-click-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(13,43,77,.08)}
.kb-featured{border:0;border-radius:30px;box-shadow:var(--pw-shadow-soft);overflow:hidden}.kb-meta span{border:0;border-radius:999px;background:#e7f7f4;color:#14857d}.kb-inline-cta,.kb-cta{border:0!important;border-radius:24px!important;background:linear-gradient(135deg,#fff2ea,#e8f7f4)!important;padding:26px 28px}.kb-toc{border:0;border-radius:20px;background:#f2f7fa}.kb-faq details{border-radius:16px;border-color:rgba(13,43,77,.08)}

/* functionaliteiten */
.feature-live-section{gap:58px;align-items:center}.feature-kicker{color:var(--pw-teal)}.feature-tabs{gap:8px;border:0}.feature-tabs button{border:0;border-radius:18px;background:#f2f7fa;padding:13px 14px}.feature-tabs button:nth-child(2n){background:#fff3ed}.feature-tabs button:hover,.feature-tabs button.active{transform:translateX(4px);background:#dff5f2}.feature-tabs button.active{border-left:0;padding-left:14px}.feature-tabs button>span{width:34px;height:34px;border-radius:11px;background:#fff;color:var(--pw-coral)}.feature-tabs button.active>span{background:var(--pw-navy);color:#fff}
.feature-live-demo{border:1px solid rgba(13,43,77,.10);border-radius:26px;padding:9px;box-shadow:0 24px 56px rgba(13,43,77,.12);background:#fff;transform:rotate(.6deg)}.fd-shell{border-radius:18px}.fd-side{background:var(--pw-navy)}.fd-side a.active{background:var(--pw-teal)}.fd-badge,.fd-row strong{border-radius:8px;background:#e6f7f4;color:#197d71}.feature-proof-strip{border:0;border-radius:24px;overflow:hidden;background:#f4f7fa}.feature-proof-strip>div{border:0}.feature-proof-strip>div:nth-child(1){background:#e6f7f4}.feature-proof-strip>div:nth-child(2){background:#eaf4fc}.feature-proof-strip>div:nth-child(3){background:#fff0e8}.feature-proof-strip>div:nth-child(4){background:#f2ecfb}.feature-visual-grid{gap:22px}.feature-visual-grid article,.feature-visual-grid article:nth-child(n){border:0!important;border-radius:28px;background:#f5f9fb;overflow:hidden}.feature-visual-grid article:nth-child(2){background:#fff3ec}.feature-visual-grid img{min-height:340px}.feature-visual-grid article>div{padding:40px}.feature-visual-grid span{color:var(--pw-coral)}.feature-bottom-cta{border:0!important;border-radius:28px!important;background:linear-gradient(135deg,#e4f7f4,#fff0e8)!important;padding:34px 36px}

/* check */
.check-layout{gap:24px}.check-card,.check-result{border:0!important;border-radius:26px!important;padding:28px!important;background:#f4f8fb!important}.check-result{background:#fff1e9!important}.check-card select{border-radius:11px}.check-toggle input{accent-color:var(--pw-teal)}.check-roles span{border:0;border-radius:999px;background:#e2f6f2;color:#23796f}.check-warning{border:0;border-radius:16px;background:#fff6d8;color:#755b20}

/* contact subpage */
.mk-contact-page{gap:22px}.mk-contact-info,.mk-sub-form{border:0!important;border-radius:26px!important}.mk-contact-info{background:#e7f7f4!important;padding:30px!important}.mk-sub-form{background:#f6f9fb!important;padding:30px!important}.mk-sub-form input,.mk-sub-form select,.mk-sub-form textarea{border-radius:11px}

/* over ons still gets same brand language without changing its content */
.about-founder-photo{border-radius:30px;background:#f2f7fa;border:0;box-shadow:var(--pw-shadow-soft)}.about-founder-photo img{border-radius:22px}.about-founder-photo figcaption{border-radius:15px}.about-chips span{border:0;background:#e6f7f4;color:#26796f}.about-card-grid{gap:16px}.about-card-grid article{border:0;border-radius:22px;background:#f4f8fb}.about-card-grid article:nth-child(2),.about-card-grid article:nth-child(3){background:#fff2ea}.about-card-grid article>span{border-radius:12px;background:#fff;color:var(--pw-coral)}.about-origin{border-radius:30px;background:var(--pw-navy)}.about-origin-points span{border-radius:15px}.about-cta{border:0;border-radius:26px;background:linear-gradient(135deg,#e4f7f4,#fff0e8)}

.mk-mobile-menu.open{border-radius:20px;border:1px solid rgba(13,43,77,.10);box-shadow:var(--pw-shadow);background:#fffdf9}.mk-mobile-menu.open a{border-radius:12px}.mk-mobile-menu.open a:hover{background:#e7f7f4;color:var(--pw-navy)}

/* subtle motion, not gimmicky */
@keyframes pwFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(-4deg)}}
@keyframes pwFloat2{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(6px) rotate(3deg)}}
.mk-float-note.note-one{animation:pwFloat 5.5s ease-in-out infinite}.mk-float-note.note-two{animation:pwFloat2 6.2s ease-in-out infinite}

@media(max-width:1080px){
  .mk-hero-grid{grid-template-columns:1fr;gap:12px}.mk-play-visual{max-width:850px;width:100%;margin:0 auto;min-height:590px}.mk-hero-grid>div:first-child{max-width:760px}.mk-hero h1{max-width:760px}
  .mk-grid6{grid-template-columns:1fr 1fr}.mk-feature,.mk-feature:nth-child(n){grid-column:auto}.mk-feature:nth-child(1),.mk-feature:nth-child(2){min-height:230px}
  .mk-practice-grid,.mk-workflow{grid-template-columns:1fr}.mk-photo-frame{max-width:none;width:100%}.mk-photo-frame img{height:430px}
  .mk-audience{grid-template-columns:1fr 1fr}.mk-visual-grid{grid-template-columns:1fr}.mk-visual-card>img{height:330px}
  .mk-knowledge{grid-template-columns:1fr 1fr}.feature-live-section{grid-template-columns:1fr}.feature-live-demo{position:static;max-width:800px;margin:auto}
}

@media(max-width:700px){
  .mk-wrap{width:min(100% - 28px,1220px)}.mk-navrow{height:72px}.mk-brand{min-width:auto}.mk-brand img{width:175px}.mk-nav-actions .outline{display:none}.mk-nav-actions .primary{min-height:40px;font-size:12px;padding:0 13px}
  .mk-hero{padding:48px 0 66px}.mk-hero h1{font-size:43px}.mk-lead{font-size:16px}.mk-play-visual{min-height:480px;margin:0 -6px;width:calc(100% + 12px)}
  .mk-play-visual:before{inset:45px 0 20px 3%}.mk-play-app.mk-appshot{width:94%;right:0;top:78px;transform:none}.mk-play-app .mk-screen{min-height:320px}.mk-play-app .mk-side{display:none}.mk-play-app .mk-screen{grid-template-columns:1fr}.mk-play-app .mk-main{padding:12px}.mk-play-app .mk-kpis{grid-template-columns:1fr 1fr}.mk-play-app .mk-preview-grid{grid-template-columns:1fr}.mk-play-app .mk-panel:last-child{display:none}
  .mk-hero-photo{left:0;bottom:5px;width:48%;height:190px}.mk-play-platform{width:78%;height:55px;bottom:2px}.mk-float-note{padding:9px 10px;border-radius:15px}.mk-float-note>span{width:31px;height:31px;flex-basis:31px}.mk-float-note.note-one{left:0;top:22px}.mk-float-note.note-two{right:-2px;top:auto;bottom:15px;max-width:175px}
  .mk-capstrip{margin-top:-4px}.mk-capgrid{grid-template-columns:1fr 1fr;border-radius:22px}.mk-cap{min-height:88px;padding:15px}.mk-cap:nth-child(2){border-right:0!important}.mk-cap:nth-child(-n+2){border-bottom:1px solid rgba(13,43,77,.08)}.mk-cap i{width:42px;height:42px;border-radius:13px}.mk-cap b{font-size:13px}.mk-cap small{font-size:10px}
  .mk-section{padding:72px 0}#product{padding-top:82px}.mk-grid6{grid-template-columns:1fr}.mk-feature,.mk-feature:nth-child(n){min-height:0;border-radius:22px}.mk-practice{padding:105px 0 112px}.mk-practice-grid{gap:40px}.mk-photo-frame{border-radius:30px 14px 30px 14px}.mk-photo-frame img{height:300px}.mk-visual-card,.mk-visual-card:nth-child(2){border-radius:24px}.mk-visual-card>img{height:240px;min-height:240px}.mk-visual-card>div{padding:25px 23px}.mk-visual-card h3{font-size:25px}
  .mk-audience{grid-template-columns:1fr}.mk-aud{min-height:0}.mk-table{overflow-x:auto}.mk-steps{grid-template-columns:1fr}.mk-pricing{grid-template-columns:1fr}.mk-price.popular{transform:none}.mk-faq{grid-template-columns:1fr}.mk-contact{grid-template-columns:1fr;gap:32px;padding:28px 22px;border-radius:26px}.mk-form{padding:20px}
  .mk-pagehero{padding:58px 0 58px}.mk-pagehero h1{font-size:42px}.mk-pagebody{padding:56px 0 76px}.mk-knowledge{grid-template-columns:1fr}.kb-card-thumb{height:220px}.feature-proof-strip{grid-template-columns:1fr}.feature-proof-strip>div{border-bottom:1px solid rgba(13,43,77,.06)}.feature-visual-grid article>div{padding:28px 22px}.feature-visual-grid img{height:240px;min-height:240px}.feature-bottom-cta{padding:28px 22px}.mk-contact-page{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.mk-float-note.note-one,.mk-float-note.note-two{animation:none}.mk-feature,.mk-btn,.feature-tabs button{transition:none!important}}

.mk-powered{margin-top:14px;text-align:right;font-size:12px;color:#829caf}.mk-powered a{display:inline;color:#d7e4ec;font-weight:800}.mk-powered a:hover{color:#fff;text-decoration:underline}@media(max-width:680px){.mk-powered{text-align:left;margin-top:12px}}

/* Footer cleanup 2026-10-30 */
.mk-footer .pwa-install,.pwa-install{display:none!important}
.mk-footbottom{align-items:center;gap:24px}
.mk-footmeta{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.mk-footmeta>a{display:inline!important;margin:0!important}
.mk-powered-inline{display:inline-flex;align-items:center;gap:5px;color:#829caf;white-space:nowrap}
.mk-powered-inline a{display:inline!important;margin:0!important;color:#d7e4ec!important;font-weight:800}
.mk-powered{display:none!important}
@media(max-width:760px){.mk-footbottom{align-items:flex-start}.mk-footmeta{justify-content:flex-start;gap:10px 18px}.mk-powered-inline{white-space:normal}}

/* Footer polish 2026-10-30 */
.mk-footbottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:28px;padding-top:22px!important}
.mk-footmeta{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;white-space:nowrap}
.mk-footmail,.mk-powered-inline,.mk-powered-inline a{display:inline!important;margin:0!important}
.mk-footmail{color:#b8c9d6!important}
.mk-footsep{color:#55738b;font-size:11px}
.mk-powered-inline{color:#8fa7b9!important}
.mk-powered-inline a{color:#fff!important;font-weight:800!important}
.mk-powered-inline a:hover,.mk-footmail:hover{color:#fff!important}
#pwa-install,.pwa-install{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:820px){.mk-footbottom{grid-template-columns:1fr!important;gap:12px}.mk-footmeta{justify-content:flex-start!important;white-space:normal;flex-wrap:wrap}.mk-footsep{display:none}}