:root {
  --wf-bg: #f3eee7;
  --wf-surface: #fffaf4;
  --wf-surface-soft: rgba(255, 250, 244, 0.78);
  --wf-text: #25211d;
  --wf-muted: #6f675f;
  --wf-accent: #9b7659;
  --wf-accent-2: #d5b382;
  --wf-dark: #211c18;
  --wf-white: #fffaf4;
  --wf-radius-sm: 18px;
  --wf-radius-md: 28px;
  --wf-radius-lg: 38px;
  --wf-shadow-sm: 0 18px 48px rgba(37, 33, 29, 0.09);
  --wf-shadow-md: 0 30px 90px rgba(37, 33, 29, 0.14);
  --wf-shadow-lg: 0 46px 140px rgba(20, 17, 14, 0.24);
}

body {
  background:
    radial-gradient(900px 520px at 8% 10%, rgba(255,255,255,.78), transparent 68%),
    radial-gradient(760px 520px at 88% 20%, rgba(213,179,130,.18), transparent 66%),
    linear-gradient(155deg, #f7f2eb 0%, #efe4d8 42%, #e3d2bf 100%);
}

.wf-hero-bg {
  background:
    radial-gradient(circle at 72% 20%, rgba(213,179,130,.36), transparent 28%),
    radial-gradient(circle at 18% 22%, rgba(120,91,68,.28), transparent 32%),
    linear-gradient(135deg, #322922, #171411 70%);
}

/* LOS progressive entry emphasis */
#los-einstieg{padding-top:clamp(70px,8vw,110px)}
#los-einstieg .wf-intent-card:first-child,
#los-einstieg .wf-intent-card:nth-child(2){min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(255,250,244,.92),rgba(240,224,207,.82))}
#los-privat,#los-business{position:relative}
#los-privat:before,#los-business:before{content:"";position:absolute;inset:12% 0 auto;height:54%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(213,179,130,.10),transparent 65%)}
#los-loesungen .wf-project-card h3{font-size:clamp(28px,3vw,48px)}
@media(max-width:760px){
 #los-einstieg .wf-intent-card:first-child,
 #los-einstieg .wf-intent-card:nth-child(2){min-height:190px}
}


/* Progressive knowledge-layer disclosure */
.wf-intent-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}
.wf-progressive-secondary{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wf-progressive-secondary a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid rgba(37,33,29,.12);border-radius:999px;background:rgba(255,250,244,.56);color:var(--wf-muted);font-weight:800;text-decoration:none}
.wf-progressive-secondary a:hover{color:var(--wf-dark);background:rgba(255,250,244,.9)}
.wf-progressive-layer[data-wf-revealed="true"]{animation:wf-layer-in .34s ease both}
@keyframes wf-layer-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){.wf-intent-grid-primary{grid-template-columns:1fr 1fr}.wf-intent-grid-primary .wf-intent-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.wf-intent-grid-primary{grid-template-columns:1fr}.wf-intent-grid-primary .wf-intent-card:last-child{grid-column:auto}.wf-progressive-secondary{display:grid}.wf-progressive-secondary a{justify-content:center}}

/* Progressive enhancement hardening */
.wf-js [data-wf-progressive-section]{display:none}
.wf-js [data-wf-progressive-section][data-wf-revealed="true"]{display:block}
.wf-layer-back{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 28px;padding:10px 14px;border-radius:999px;background:rgba(255,250,244,.62);border:1px solid rgba(37,33,29,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wf-layer-back a{font-weight:850;text-decoration:none;color:var(--wf-dark)}
.wf-layer-back span{font-size:12px;color:var(--wf-muted)}
@media(max-width:620px){.wf-layer-back{align-items:flex-start;flex-direction:column;border-radius:20px}}

/* Context-preserving solution handoff */
.wf-solution-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 24px;padding:12px 14px;border:1px solid rgba(37,33,29,.10);border-radius:18px;background:rgba(255,250,244,.68)}
.wf-solution-context span{color:var(--wf-muted)}
.wf-solution-context strong{color:var(--wf-dark)}
.wf-solution-context button{border:0;background:transparent;color:var(--wf-dark);font:inherit;font-weight:850;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
[data-los-solution][hidden]{display:none!important}
@media(max-width:620px){.wf-solution-context{align-items:flex-start;flex-direction:column}}