/* ============================================================
     Menno Henselmans link-in-bio, full dark edition (VOM).
     Matches homepage redesign concept v3. Min readable text: 16px.
     ============================================================ */
		 :root{
			--bg:#0a0a0c; --bg-alt:#0f0f13; --surface:#141519; --surface-2:#1b1d23; --surface-hi:#202229;
			--ink:#f4f5f7; --ink-soft:#c8cdd6; --ink-mute:#a8adb5;
			--accent:#2f86f0; --accent-2:#6aa3ee; --accent-deep:#1f5fc0; --accent-btn:#2674d2; --accent-btn-hi:#1f5fc0;
			--link:#9cc4f7;
			--warm:#f5b929; --success:#34d27b; --red:#e5564b;
			--border:rgba(255,255,255,.09); --border-2:rgba(255,255,255,.17);
			--r-btn:11px; --r-card:14px; --r-lg:20px; --r-pill:999px;
			--ease:cubic-bezier(.2,.7,.3,1);
			--shadow-card:0 1px 0 rgba(255,255,255,.03), 0 14px 34px rgba(0,0,0,.45);
			--shadow-hi:0 2px 0 rgba(255,255,255,.04), 0 24px 56px rgba(0,0,0,.6);
			--glow:0 0 0 1px rgba(47,134,240,.25), 0 16px 50px rgba(31,95,192,.32);
		}
		*,*::before,*::after{box-sizing:border-box}
		html{font-size:16px; -webkit-text-size-adjust:100%; scroll-behavior:smooth}
		img,svg{max-width:100%; display:block}
		body{
			margin:0; background:var(--bg); color:var(--ink);
			font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
			font-size:1.0625rem; line-height:1.6;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;
			position:relative; overflow-x:clip;
		}
		body::before{
			content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
			background:
				radial-gradient(ellipse 60% 38% at 50% -4%, rgba(47,134,240,.20), transparent 62%),
				radial-gradient(ellipse 70% 40% at 90% 102%, rgba(31,95,192,.14), transparent 64%);
		}
		h1,h2,h3{font-family:'Hanken Grotesk',sans-serif; color:#fff; line-height:1.12; letter-spacing:-.02em; margin:0; text-wrap:balance}
		p{margin:0; text-wrap:pretty}
		a{color:var(--link); text-decoration:none}
		strong{font-weight:700}
		.tnum{font-variant-numeric:tabular-nums lining-nums}

		.page{max-width:482px; margin:0 auto; padding:3.4rem 1.4rem 4.4rem; position:relative; z-index:1}

		/* ============ HERO ============ */
		.hero{text-align:center; margin-bottom:2.6rem}
		.hero__avatar{
			width:7.2rem; height:7.2rem; border-radius:50%; margin:0 auto 1.1rem; overflow:hidden;
			background:var(--surface-2);
			box-shadow:0 0 0 2px var(--bg), 0 0 0 4px rgba(47,134,240,.45), 0 12px 30px rgba(0,0,0,.5);
		}
		.hero__avatar img{width:100%; height:100%; object-fit:cover; object-position:50% 18%}
		.hero__name{font-size:2.1rem; font-weight:800; letter-spacing:-.025em}
		.hero__handle{margin:.35rem 0 0; font-size:1rem; color:var(--accent-2); font-weight:600}
		.hero__tagline{margin:1rem auto 0; max-width:30ch; font-size:1.0625rem; color:var(--ink-soft)}

		.hero__stats{
			display:flex; justify-content:center; gap:0; margin-top:1.6rem;
			background:var(--surface); border:1px solid var(--border); border-radius:var(--r-card);
			box-shadow:var(--shadow-card); overflow:hidden;
		}
		.stat{flex:1; min-width:0; text-align:center; padding:1.05rem .6rem}
		.stat+.stat{border-left:1px solid var(--border)}
		.stat__num{font-family:'Hanken Grotesk',sans-serif; font-size:1.5rem; font-weight:800; color:#fff; line-height:1; letter-spacing:-.02em}
		.stat__lbl{font-size:1rem; color:var(--ink-mute); margin-top:.4rem; line-height:1.25}

		/* ============ SECTION LABEL (eyebrow) ============ */
		.eyebrow{display:flex; align-items:center; gap:.65rem; font-size:1rem; font-weight:600; color:var(--accent-2); margin:2.4rem .2rem 1.1rem}
		.eyebrow::before{content:""; width:1.5rem; height:2px; background:var(--accent); border-radius:2px; flex:none}
		.eyebrow:first-of-type{margin-top:0}

		/* ============ CONTENT TILES ============ */
		.content-stack{display:flex; flex-direction:column; gap:.7rem}
		.tile{
			display:flex; align-items:center; gap:1rem; padding:1rem 1.1rem;
			background:var(--surface); border:1px solid var(--border); border-radius:var(--r-card);
			box-shadow:var(--shadow-card); min-height:4.4rem;
			transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);
		}
		.tile:hover{transform:translateY(-2px); border-color:var(--border-2); background:var(--surface-2); box-shadow:var(--shadow-hi)}
		.tile:active{transform:translateY(0)}
		.tile:focus-visible{outline:3px solid var(--accent-2); outline-offset:2px}
		.tile__icon{flex:none; width:2.7rem; height:2.7rem; border-radius:10px; display:grid; place-items:center; color:#fff}
		.tile__icon svg{width:1.4rem; height:1.4rem}
		.tile__icon--video{background:linear-gradient(150deg,#e5564b,#c5392f)}
		.tile__icon--tool{background:linear-gradient(150deg,var(--accent),var(--accent-deep))}
		.tile__icon--read{background:linear-gradient(150deg,#5a6473,#39414e)}
		.tile__body{min-width:0; flex:1}
		.tile__title{display:block; font-size:1rem; font-weight:600; color:var(--ink); line-height:1.32}
		.tile__meta{display:block; font-size:1rem; color:var(--ink-mute); margin-top:.15rem; font-weight:500}
		.tile__arrow{flex:none; color:var(--ink-mute); transition:transform .18s var(--ease), color .18s var(--ease)}
		.tile:hover .tile__arrow{transform:translateX(3px); color:var(--accent-2)}

		.tile--featured{
			background:linear-gradient(150deg, rgba(47,134,240,.16), rgba(47,134,240,.05));
			border-color:rgba(47,134,240,.42); box-shadow:var(--glow);
		}
		.tile--featured:hover{background:linear-gradient(150deg, rgba(47,134,240,.22), rgba(47,134,240,.08))}
		.tile--featured .tile__meta{color:var(--accent-2); font-weight:600}

		/* ============ EMAIL COURSE (lead magnet) ============ */
		.email-course{
			display:flex; align-items:center; gap:1rem; margin-top:.7rem; padding:1rem 1.1rem;
			background:var(--surface); border:1px dashed var(--border-2); border-radius:var(--r-card);
			transition:background .18s var(--ease), transform .18s var(--ease), border-color .18s var(--ease);
		}
		.email-course:hover{background:var(--surface-2); border-color:var(--accent-2); transform:translateY(-2px)}
		.email-course:focus-visible{outline:3px solid var(--accent-2); outline-offset:2px}
		.email-course__icon{flex:none; width:2.7rem; height:2.7rem; border-radius:10px; display:grid; place-items:center; color:#fff; background:linear-gradient(150deg,var(--accent),var(--accent-deep))}
		.email-course__icon svg{width:1.4rem; height:1.4rem}
		.email-course__body{flex:1; min-width:0; display:block}
		.email-course__eyebrow{display:inline-flex; align-items:center; gap:.5rem; font-size:1rem; font-weight:600; color:var(--accent-2); margin-bottom:.15rem}
		.email-course__tag{font-size:1rem; font-weight:700; color:#0a0a0c; background:var(--warm); padding:.05rem .5rem; border-radius:6px; line-height:1.3}
		.email-course__title{display:block; font-size:1rem; font-weight:600; color:var(--ink); line-height:1.32}
		.email-course__arrow{flex:none; color:var(--accent-2); transition:transform .18s var(--ease)}
		.email-course:hover .email-course__arrow{transform:translateX(3px)}

		/* ============ APP PRODUCT CARD ============ */
		.product-app{
			display:block; margin-top:.7rem; border-radius:var(--r-lg); overflow:hidden; position:relative; color:#fff;
			background:
				radial-gradient(120% 90% at 100% 0%, rgba(47,134,240,.50) 0%, rgba(47,134,240,0) 58%),
				linear-gradient(165deg, #10243f 0%, #16345c 55%, #1f4a86 100%);
			border:1px solid rgba(47,134,240,.30);
			box-shadow:var(--shadow-hi);
			transition:transform .22s var(--ease), box-shadow .22s var(--ease);
		}
		.product-app:hover{transform:translateY(-3px); box-shadow:var(--shadow-hi), var(--glow)}
		.product-app:focus-visible{outline:3px solid var(--accent-2); outline-offset:2px}
		.product-app__glow{position:absolute; inset:0; pointer-events:none; background:radial-gradient(40% 30% at 18% 100%, rgba(106,163,238,.28) 0%, transparent 70%); z-index:1}
		.product-app__inner{display:flex; flex-direction:column-reverse; gap:1.4rem; padding:1.6rem 1.5rem 1.8rem; position:relative; z-index:2}
		.product-app__eyebrow{display:inline-flex; align-items:center; gap:.5rem; font-size:1rem; font-weight:600; color:var(--accent-2); margin-bottom:.6rem}
		.product-app__eyebrow::before{content:""; width:1.5rem; height:2px; background:var(--accent-2); border-radius:2px}
		.product-app__title{font-size:1.4rem; font-weight:700; line-height:1.18; margin-bottom:.6rem; letter-spacing:-.015em}
		.product-app__copy{font-size:1.0625rem; line-height:1.5; color:#cfe0f5; margin-bottom:1.1rem}
		.product-app__cta{
			display:flex; align-items:center; justify-content:center; gap:.55rem; width:100%;
			background:#fff; color:#102443; font-weight:700; font-size:1.0625rem; min-height:50px; padding:.85rem 1rem;
			border-radius:var(--r-pill); transition:background .18s var(--ease), transform .18s var(--ease);
		}
		.product-app:hover .product-app__cta{background:#eef5ff}
		.product-app:active .product-app__cta{transform:translateY(1px)}
		.product-app__cta svg{width:1.05rem; height:1.05rem; transition:transform .18s var(--ease)}
		.product-app:hover .product-app__cta svg{transform:translateX(3px)}
		.product-app__trigger{display:block; margin-top:.7rem; text-align:center; font-size:1rem; color:#a9c6ed; font-weight:500}
		.product-app__phone-wrap{display:flex; justify-content:center}
		.product-app__phone{
			position:relative; width:13rem; aspect-ratio:16/32; background:#07090c; border-radius:1.8rem; padding:.45rem;
			box-shadow:inset 0 0 0 1px rgba(255,255,255,.07), 0 14px 32px rgba(0,0,0,.45);
		}
		.product-app__phone::before{content:""; position:absolute; top:.65rem; left:50%; transform:translateX(-50%); width:3.4rem; height:.45rem; background:#181c22; border-radius:4px; z-index:2}
		.product-app__phone img{width:100%; height:100%; object-fit:cover; object-position:50% 25%; border-radius:1.4rem}

		/* ============ PTC PRODUCT CARD ============ */
		.product-ptc{
			display:block; margin-top:.7rem; background:var(--surface); border:1px solid var(--border);
			border-radius:var(--r-lg); box-shadow:var(--shadow-card); overflow:hidden;
			transition:box-shadow .22s var(--ease), transform .22s var(--ease), border-color .22s var(--ease);
		}
		.product-ptc:hover{box-shadow:var(--shadow-hi); transform:translateY(-3px); border-color:var(--border-2)}
		.product-ptc__main{display:block; color:inherit}
		.product-ptc__main:focus-visible{outline:3px solid var(--accent-2); outline-offset:2px}
		.product-ptc__body{padding:1.4rem 1.5rem}
		.product-ptc__badges{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.9rem}
		.product-ptc__pill{display:inline-flex; align-items:center; gap:.5rem; background:rgba(52,210,123,.12); color:#7fe4ab; padding:.34rem .8rem; border-radius:var(--r-pill); font-size:1rem; font-weight:600}
		.product-ptc__pill::before{content:""; width:.6rem; height:.6rem; background:var(--success); border-radius:50%; box-shadow:0 0 0 0 rgba(52,210,123,.5); animation:pulseDot 2.2s infinite}
		.product-ptc__iao{display:inline-flex; align-items:center; gap:.4rem; background:rgba(255,255,255,.06); color:var(--ink-soft); padding:.34rem .8rem; border-radius:var(--r-pill); font-size:1rem; font-weight:600}
		.product-ptc__iao::before{content:"\2605"; color:var(--warm); font-size:1rem; line-height:1}
		@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(52,210,123,.5)}70%{box-shadow:0 0 0 8px rgba(52,210,123,0)}100%{box-shadow:0 0 0 0 rgba(52,210,123,0)}}
		.product-ptc__title{font-size:1.4rem; font-weight:700; line-height:1.18; color:#fff; margin-bottom:.55rem; letter-spacing:-.015em}
		.product-ptc__copy{font-size:1.0625rem; line-height:1.5; color:var(--ink-soft); margin-bottom:1.1rem}
		.product-ptc__cta{
			display:flex; align-items:center; justify-content:center; gap:.55rem; width:100%;
			background:var(--accent-btn); color:#fff; font-weight:700; font-size:1.1875rem; min-height:50px; padding:.85rem 1rem;
			border-radius:var(--r-pill); box-shadow:0 10px 26px rgba(38,116,210,.34); transition:background .18s var(--ease)}
		.product-ptc__main:hover .product-ptc__cta{background:var(--accent-btn-hi)}
		.product-ptc__cta svg{width:1.05rem; height:1.05rem; transition:transform .18s var(--ease)}
		.product-ptc__main:hover .product-ptc__cta svg{transform:translateX(3px)}
		.product-ptc__langs{display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; background:var(--bg-alt); padding:.85rem 1.5rem; border-top:1px solid var(--border)}
		.product-ptc__langs-label{font-size:1rem; color:var(--ink-mute); margin-right:.3rem; font-weight:500}
		.lang{width:2.3rem; height:2.3rem; border-radius:50%; overflow:hidden; border:1px solid var(--border-2); transition:transform .18s var(--ease); flex:none}
		.lang:hover{transform:scale(1.12)}
		.lang:focus-visible{outline:2px solid var(--accent-2); outline-offset:2px}
		.lang img{width:100%; height:100%; object-fit:cover}

		/* ============ BOOK ============ */
		.book{
			display:flex; align-items:center; justify-content:center; gap:.6rem; margin-top:1.4rem;
			padding:1.1rem 1.4rem; background:transparent; border:1.5px solid var(--border-2); border-radius:var(--r-card);
			color:#fff; font-weight:600; font-size:1.0625rem; text-align:center; min-height:54px;
			transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);
		}
		.book:hover{background:rgba(255,255,255,.05); border-color:var(--accent-2); transform:translateY(-2px)}
		.book:active{transform:translateY(0)}
		.book:focus-visible{outline:3px solid var(--accent-2); outline-offset:2px}
		.book svg{width:1.1rem; height:1.1rem; flex:none}
		.book__icon{color:var(--accent-2)}
		.book__arrow{transition:transform .18s var(--ease)}
		.book:hover .book__arrow{transform:translateX(3px)}

		/* ============ SOCIAL ============ */
		.socials{display:flex; justify-content:center; gap:.8rem; margin-top:2.6rem}
		.socials a{
			width:2.8rem; height:2.8rem; display:grid; place-items:center;
			background:var(--surface); border:1px solid var(--border); border-radius:50%; color:var(--ink-soft);
			transition:color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease), background .18s var(--ease);
		}
		.socials a:hover{color:#fff; border-color:var(--accent-2); background:var(--surface-2); transform:translateY(-2px)}
		.socials a:focus-visible{outline:3px solid var(--accent-2); outline-offset:2px}
		.socials svg{width:1.2rem; height:1.2rem}

		.footer-note{text-align:center; font-size:1rem; color:var(--ink-mute); margin-top:2.2rem}

		/* ============ RESPONSIVE ============ */
		@media (max-width:380px){
			.page{padding:2.8rem 1.1rem 3.6rem}
			.product-app__phone{width:11.5rem}
			.product-app__title,.product-ptc__title{font-size:1.28rem}
			.hero__name{font-size:1.9rem}
			.stat__num{font-size:1.35rem}
		}
		@media (prefers-reduced-motion:reduce){
			*,*::before,*::after{animation-duration:.01ms !important; transition:none !important}
			html{scroll-behavior:auto}
		}