@media(max-width:420px){
  .proof-items{grid-template-columns:1fr 1fr}.proof-item span{font-size:9px}
  .journey article{padding:18px 13px}.journey h3{font-size:20px}
}

@media(max-width:360px){
  :root{--gutter:16px;--display:39px;--h2:28px}
  .site-shell{width:calc(100% - 32px)}
  .header-actions .lang{display:none}.nav{padding-left:16px;padding-right:16px}
  .proof-items,.journey{grid-template-columns:1fr}
}

/* Legal pages are carried forward with the same content, but use the new visual system. */
.legal-page{padding:88px 0 110px}
.legal-heading{max-width:820px}.legal-heading h1{font-size:clamp(48px,5.2vw,74px);line-height:.95;letter-spacing:-.05em;margin:16px 0 0;font-weight:590}.legal-heading>p{font-size:18px;color:#494a46;max-width:58ch;margin:24px 0 0}.legal-status{display:block;margin-top:12px;font-size:11px;color:var(--muted)}
.legal-content{max-width:980px;margin:70px 0 0 auto;border-top:1px solid var(--line)}
.legal-section{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:26px 50px;padding:26px 0;border-bottom:1px solid var(--line)}.legal-section h2{font-size:14px;line-height:1.35;margin:0}.legal-section>p,.legal-section>address,.legal-section>ul{margin:0;font-size:15px;line-height:1.62;color:#494a46;font-style:normal}.legal-section>p+p{grid-column:2;margin-top:-12px}.legal-section ul{padding-left:18px}.legal-section a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.legal-section code{font-size:.9em}
@media(max-width:760px){.legal-page{padding:62px 0 82px}.legal-heading h1{font-size:44px}.legal-heading>p{font-size:16px}.legal-content{margin-top:48px}.legal-section{grid-template-columns:1fr;gap:10px;padding:22px 0}.legal-section>p+p{grid-column:1;margin-top:4px}.legal-section h2{font-size:15px}}
.legal-section>div{grid-column:2;min-width:0}.legal-section>div>p,.legal-section>div>address,.legal-section>div>ul{margin:0;font-size:15px;line-height:1.62;color:#494a46;font-style:normal}.legal-section>div>p+p{margin-top:10px}.legal-section>div>ul{padding-left:18px}.legal-section>div>p+ul,.legal-section>div>ul+p{margin-top:10px}
@media(max-width:760px){.legal-section>div{grid-column:1}.legal-section>div>p,.legal-section>div>address,.legal-section>div>ul{font-size:14px}}
@media(max-width:860px) and (min-width:761px){
  .split-head,.decision-intro .split-head{display:block}
  .split-head .head,.split-head .copy,.decision-intro .split-head .head,.decision-intro .split-head .copy{display:block;width:auto;padding-left:0;margin:0}
  .split-head .copy,.decision-intro .split-head .copy{margin-top:26px;max-width:58ch}
}

/* Adaptive sticky header theme · final QA */
.header{
  --header-bg:color-mix(in srgb,var(--bg) 94%,transparent);
  --header-ink:var(--ink);
  --header-border:var(--line);
  color:var(--header-ink);
  background:var(--header-bg);
  border-bottom-color:var(--header-border);
  transition:background-color .22s ease,color .22s ease,border-color .22s ease;
}
.header[data-theme="dark"]{
  --header-bg:rgba(21,21,21,.95);
  --header-ink:#f7f7f3;
  --header-border:rgba(255,255,255,.18);
}
.header[data-theme="accent"]{
  --header-bg:rgba(36,87,255,.95);
  --header-ink:#fff;
  --header-border:rgba(255,255,255,.25);
}
.header[data-theme="dark"] .brand i,
.header[data-theme="accent"] .brand i{color:currentColor}
.header[data-theme="dark"] .nav a,
.header[data-theme="accent"] .nav a{color:inherit}
.header[data-theme="dark"] .lang,
.header[data-theme="accent"] .lang{border-color:rgba(255,255,255,.32)}
.header[data-theme="dark"] .lang button,
.header[data-theme="accent"] .lang button{color:rgba(255,255,255,.72)}
.header[data-theme="dark"] .lang button.active{background:#fff;color:#151515}
.header[data-theme="accent"] .lang button.active{background:#fff;color:var(--accent)}
.header[data-theme="dark"]>.header-actions>.button,
.header[data-theme="accent"]>.header-actions>.button{color:#fff;border-color:rgba(255,255,255,.75)}
.header[data-theme="dark"]>.header-actions>.button:hover{background:#fff;color:#151515}
.header[data-theme="accent"]>.header-actions>.button:hover{background:#fff;color:var(--accent)}
.header[data-theme="dark"] .menu,
.header[data-theme="accent"] .menu{color:#fff}

@media(max-width:1000px){
  .header[data-theme="dark"] .nav{
    background:#151515;
    color:#fff;
    border-color:rgba(255,255,255,.16);
    box-shadow:0 22px 42px rgba(0,0,0,.22);
  }
  .header[data-theme="accent"] .nav{
    background:var(--accent);
    color:#fff;
    border-color:rgba(255,255,255,.22);
    box-shadow:0 22px 42px rgba(14,42,150,.22);
  }
  .header[data-theme="dark"] .nav>a,
  .header[data-theme="accent"] .nav>a{border-color:rgba(255,255,255,.18)}
  .header[data-theme="dark"] .nav .mobile-nav-cta{background:#fff;color:#151515}
  .header[data-theme="accent"] .nav .mobile-nav-cta{background:#fff;color:var(--accent)}
}

/* Sticky navigation spans the full viewport while preserving the site grid alignment. */
.header.site-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));
  padding-right:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));
}
@media(max-width:760px){
  .header.site-shell{padding-left:18px;padding-right:18px}
}
@media(max-width:360px){
  .header.site-shell{padding-left:16px;padding-right:16px}
}

/* The mobile menu is a compact dropdown, so keep the document scroll context intact for sticky positioning. */
@media(max-width:1000px){body.menu-open{overflow:visible}}

.case-visual{display:block}

/* Founder portrait · exact uploaded portrait, small verified WebP to avoid truncation and stale CDN copies. */
.founder-portrait{
  background:#d3d2cc url('/assets/magnus-marius-krippel-final.webp') center 18%/cover no-repeat!important;
}
.founder-portrait:before{
  content:none!important;
  display:none!important;
}

/* Mobile founder portrait: keep a portrait frame instead of forcing the desktop crop into a shallow box. */
@media(max-width:760px){
  .founder-card{margin-top:24px;gap:28px}
  .founder-portrait{
    min-height:0!important;
    aspect-ratio:4/5;
    background-position:center 42%!important;
  }
}