.member-journey { --ink:#172a47; --muted:#526681; --blue:#2454ee; font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:#fbfcff; min-height:100vh; -webkit-font-smoothing:antialiased; }
.member-journey *, .member-journey *::before, .member-journey *::after { box-sizing:border-box; }
.member-journey a { color:var(--blue); }
.member-journey a:focus-visible, .member-journey summary:focus-visible { outline:3px solid #388bcb; outline-offset:5px; }
.member-journey img { max-width:100%; height:auto; display:block; }
.member-journey h1,.member-journey h2,.member-journey h3 { color:inherit; margin:0 0 22px; line-height:1.07; letter-spacing:-.045em; font-family:inherit; }
.member-journey h1 { font-size:clamp(42px,5.5vw,72px); font-weight:780; }
.member-journey h2 { font-size:clamp(28px,3.3vw,42px); font-weight:760; }
.member-journey h3 { font-size:29px; font-weight:740; }
.member-journey p { margin:0 0 20px; }
.member-journey figure { margin:0; }
.member-journey .mj-shell { width:min(1140px,calc(100% - 64px)); margin:0 auto; }
.member-journey .mj-header { background:#fffffff5; border-bottom:1px solid #e1e8f4; }
.member-journey .mj-header .mj-shell { min-height:83px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.member-journey .mj-brand { display:flex; gap:10px; align-items:center; color:var(--ink); text-decoration:none; font-weight:780; font-size:20px; }
.member-journey .mj-brand > span { background:var(--blue); color:white; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; }
.member-journey .mj-brand small { font-size:9px; letter-spacing:.12em; color:#5775ae; }
.member-journey .mj-header nav { display:flex; gap:25px; }
.member-journey .mj-header nav a { font-size:13px; color:var(--muted); text-decoration:none; }
.member-journey .mj-eyebrow { display:block; color:#5575b1; font-size:10px; letter-spacing:.15em; font-weight:750; margin-bottom:16px; }
.member-journey .mj-hero { margin:48px 0 74px; display:grid; grid-template-columns:1.1fr 1fr; gap:35px; padding:52px; border-radius:32px; background:#13294f; color:white; }
.member-journey .mj-hero p { color:#c1d1ea; max-width:490px; }
.member-journey .mj-hero .mj-eyebrow { color:#a1e9d4; }
.member-journey .mj-hero figure { align-self:center; padding:25px 0; border-radius:25px; background:#102343; }
.member-journey figcaption { font-size:11px; color:var(--muted); text-align:center; padding:0 18px 16px; }
.member-journey .mj-hero figcaption { color:#a1e9d4; }
.member-journey .mj-route { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:26px 0 15px; }
.member-journey .mj-route span { font-size:11px; padding:6px 10px; border:1px solid #3d5474; border-radius:7px; background:#243c60; }
.member-journey .mj-route span:last-child { background:#a1e9d4; color:#123d3b; border-color:#a1e9d4; }
.member-journey .mj-route b { color:#81b4cf; }
.member-journey .mj-small { font-size:12px; }
.member-journey .mj-heading { max-width:680px; margin-bottom:30px; }
.member-journey .mj-heading p { color:var(--muted); }
.member-journey .mj-platforms { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.member-journey .mj-platform { display:flex; align-items:flex-start; gap:22px; background:#f0f4ff; border:1px solid #dce6fa; border-radius:25px; padding:32px; color:var(--ink); text-decoration:none; transition:transform .2s,box-shadow .2s; }
.member-journey .mj-platform:hover { transform:translateY(-4px); box-shadow:0 18px 40px #18365513; }
.member-journey .mj-platform-t3 { background:#fbf5ed; border-color:#efe3d3; }
.member-journey .mj-platform-mark { flex-shrink:0; width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:#2454ee; color:white; font-size:23px; font-weight:750; }
.member-journey .mj-platform-t3 .mj-platform-mark { background:#c77739; font-size:18px; }
.member-journey .mj-platform p { color:var(--muted); font-size:14px; }
.member-journey .mj-platform b { color:var(--blue); font-size:12px; }
.member-journey .mj-kit { margin:38px 0 64px; background:#eaf6f1; border:1px solid #d4e9df; border-radius:25px; padding:36px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.member-journey .mj-kit > div { max-width:610px; }
.member-journey .mj-kit .mj-eyebrow { color:#35755e; }
.member-journey .mj-kit h2 { font-size:32px; }
.member-journey .mj-kit p { color:#507165; font-size:14px; margin:0; }
.member-journey .mj-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:14px 21px; border-radius:12px; background:var(--blue); color:white; text-decoration:none; font-size:13px; font-weight:720; text-align:center; box-shadow:0 7px 20px #2454ee1a; }
.member-journey .mj-button:hover { background:#1543d3; }
.member-journey .mj-button-outline { background:transparent; color:var(--blue); border:1px solid #c5d2ef; box-shadow:none; }
.member-journey .mj-button-outline:hover { background:#e5ecff; }
.member-journey .mj-final { text-align:center; padding:20px 0 64px; max-width:760px; margin:auto; }
.member-journey .mj-final p { color:var(--muted); }
.member-journey .mj-intro { padding:62px 0 38px; max-width:800px; }
.member-journey .mj-intro > p { font-size:18px; color:var(--muted); max-width:670px; }
.member-journey .mj-back { display:block; margin-bottom:34px; font-size:12px; text-decoration:none; }
.member-journey .mj-info { margin-top:25px; font-size:13px; padding:18px 22px; border-radius:13px; background:#edf3fc; color:#527094; }
.member-journey .mj-setup-step { display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center; background:#fff; border:1px solid #e1e8f4; border-radius:25px; padding:32px; margin-bottom:23px; }
.member-journey .mj-setup-step p { color:var(--muted); font-size:15px; }
.member-journey .mj-stepno { display:inline-grid; place-items:center; width:40px; height:40px; background:#edf2ff; color:var(--blue); border-radius:11px; font-size:13px; font-weight:750; margin-bottom:20px; }
.member-journey .mj-setup-step img { border-radius:18px; }
.member-journey .mj-setup-step figcaption { padding-top:9px; padding-bottom:0; }
.member-journey .mj-actions { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.member-journey .mj-textlink { font-size:12px; text-decoration:none; }
.member-journey .mj-choices { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-bottom:75px; }
.member-journey .mj-choices article { padding:40px; border:1px solid #dce5f3; border-radius:25px; background:#f1f5ff; }
.member-journey .mj-choices p { color:var(--muted); font-size:15px; }
.member-journey .mj-choices .mj-consult { background:#13294f; color:white; }
.member-journey .mj-consult .mj-eyebrow { color:#a1e9d4; }
.member-journey .mj-consult p { color:#c1d1ea; }
.member-journey .mj-consult .mj-button { background:#a1e9d4; color:#183b39; box-shadow:none; }
.member-journey .mj-consult .mj-small { margin-top:22px; font-size:12px; }
.member-journey .mj-consult a:focus-visible { outline-color:#a1e9d4; }
.member-journey .mj-footer { border-top:1px solid #dde6f3; padding:25px 0 35px; display:flex; gap:20px; flex-wrap:wrap; font-size:11px; color:var(--muted); }
.member-journey .mj-footer > span { margin-right:auto; }
.member-journey .mj-footer a { text-decoration:none; }
.mj-preview { background:#e6edf9; color:#527094; font:11px/1.5 system-ui,sans-serif; padding:8px 18px; text-align:center; }
@media(max-width:900px) {
 .member-journey .mj-hero { padding:34px; grid-template-columns:1fr .9fr; gap:20px; }
 .member-journey .mj-platform { padding:24px; gap:14px; }
 .member-journey .mj-kit { flex-direction:column; align-items:flex-start; gap:23px; }
}
@media(max-width:650px) {
 .member-journey .mj-shell { width:calc(100% - 36px); }
 .member-journey .mj-header .mj-shell { min-height:76px; flex-wrap:wrap; padding:16px 0; gap:10px; }
 .member-journey .mj-header nav { width:100%; gap:20px; }
 .member-journey .mj-header nav a { font-size:11px; }
 .member-journey .mj-hero { grid-template-columns:1fr; padding:26px; margin:24px 0 44px; border-radius:25px; }
 .member-journey .mj-hero figure { padding:6px; }
 .member-journey .mj-hero img { width:100%; max-width:260px; margin:auto; }
 .member-journey .mj-platforms,.member-journey .mj-choices,.member-journey .mj-setup-step { grid-template-columns:1fr; }
 .member-journey .mj-platform { padding:24px; }
 .member-journey .mj-platform h3 { font-size:26px; }
 .member-journey .mj-kit { padding:27px; margin-bottom:40px; }
 .member-journey .mj-intro { padding:38px 0 25px; }
 .member-journey .mj-intro > p { font-size:16px; }
 .member-journey .mj-setup-step { padding:25px; gap:15px; }
 .member-journey .mj-choices article { padding:29px; }
 .member-journey .mj-footer { gap:12px; }
 .member-journey .mj-footer > span { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .member-journey .mj-platform { transition:none; } .member-journey .mj-platform:hover { transform:none; } }
/* Current demo branding and responsive journey additions, 06.10.2026. */
.member-journey { --ink:#17243e; --muted:#53617b; background:#fff; }
.member-journey .mj-header { position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.member-journey .mj-brand { white-space:nowrap; }
.member-journey .mj-brand svg,.brand svg.tuurio-brand-mark { width:36px; height:36px; flex-shrink:0; }
.member-journey .mj-demo-label,.brand .mj-demo-label { display:inline; width:auto; height:auto; background:#edf2ff; color:#2454ee; font-size:10px; letter-spacing:.12em; border-radius:5px; padding:3px 7px; margin-left:3px; }
.member-journey .mj-brand > span { display:inline; width:auto; height:auto; background:#edf2ff; color:#2454ee; border-radius:5px; }
.member-journey .mj-header nav a { font-size:14px; }
.member-journey .mj-button { font-size:15px; line-height:1.3; }
.member-journey .mj-button-outline { color:var(--ink); }
.member-journey .mj-textlink { font-size:14px; font-weight:650; }
.member-journey .mj-home-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:30px; align-items:center; padding:64px 0 60px; }
.member-journey .mj-home-hero > *,.member-journey .mj-hero > * { min-width:0; }
.member-journey .mj-lead { color:var(--muted); font-size:18px; max-width:590px; }
.member-journey .mj-home-hero figure { background:#14213d; border-radius:30px; padding:18px; }
.member-journey .mj-home-hero figcaption { color:#c1d1ea; }
.member-journey .mj-inline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; }
.member-journey .mj-home-note { color:var(--muted); margin-top:20px; }
.member-journey .mj-section { margin-bottom:44px; }
.member-journey .mj-eyebrow { color:#315a9c; font-size:11px; }
.member-journey .mj-demo-steps { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); padding:0; gap:22px; margin:0; }
.member-journey .mj-demo-steps li { background:#f3f6fc; border:1px solid #dbe3f1; border-radius:24px; padding:28px; }
.member-journey .mj-demo-steps h3 { font-size:25px; }
.member-journey .mj-demo-steps p { color:var(--muted); font-size:15px; }
.member-journey .mj-demo-steps a { font-size:14px; font-weight:650; text-decoration:none; }
.member-journey .mj-stepno { margin-bottom:24px; }
.member-journey .mj-observation { border:1px solid #dbe3f1; border-radius:24px; background:#f3f6fc; padding:32px; margin:-32px 0 60px; display:flex; gap:30px; align-items:center; }
.member-journey .mj-observation > div { flex:1; }
.member-journey .mj-observation h2 { font-size:30px; }
.member-journey .mj-observation p { color:var(--muted); font-size:15px; margin:0; }
.member-journey .mj-observation .mj-button { flex-shrink:0; }
.member-journey .mj-help { border-top:1px solid #dbe3f1; margin:28px 0 16px; padding-top:20px; font-size:14px; color:var(--muted); }
.member-journey .mj-help summary { cursor:pointer; font-weight:650; color:var(--ink); }
.member-journey .mj-help p { margin-top:16px; }
.member-journey .mj-footer { font-size:12px; }
.member-journey .mj-footer nav { display:flex; gap:16px; flex-wrap:wrap; }
.mj-skip,.site-skip { position:absolute; top:-100px; left:16px; z-index:30; padding:12px; background:#14213d; color:white; }
.member-journey .mj-skip:focus,.site-skip:focus { top:10px; color:white; }
.brand { gap:10px; font-size:20px; font-weight:780; }
.site-nav { gap:22px; }
.site-nav a { font-size:14px; }
:root { --blue:#2454ee; --blue-dark:#1543d3; }
@media(max-width:950px) {
 .member-journey .mj-home-hero { grid-template-columns:1fr 1fr; gap:24px; }
 .member-journey .mj-header .mj-shell { flex-wrap:wrap; gap:15px; padding:15px 0; }
 .member-journey .mj-demo-steps { grid-template-columns:1fr; }
 .member-journey .mj-observation { flex-direction:column; align-items:flex-start; }
}
@media(max-width:650px) {
 .member-journey .mj-home-hero { grid-template-columns:1fr; padding:38px 0 44px; }
 .member-journey h1 { font-size:clamp(36px,10vw,52px); }
 .member-journey .mj-header nav { gap:12px 20px; flex-wrap:wrap; }
 .member-journey .mj-header nav a { font-size:12px; }
 .member-journey .mj-home-hero figure { padding:10px; }
 .member-journey .mj-home-hero img { width:100%; max-width:350px; margin:auto; }
 .member-journey .mj-hero { margin-bottom:52px; }
 .member-journey .mj-observation { padding:24px; margin-top:-22px; margin-bottom:44px; }
 .member-journey .mj-hero .mj-route { gap:6px; }
 .member-journey .mj-route span { padding:5px 7px; }
 .member-journey .mj-inline-actions { align-items:flex-start; flex-direction:column; }
 .member-journey .mj-kit .mj-button { max-width:100%; }
 .member-journey .mj-button { overflow-wrap:anywhere; }
 .member-journey .mj-footer { padding-bottom:28px; }
 .site-nav { flex-wrap:wrap; }
 .site-nav a { font-size:12px; }
}