.page-so-arbeiten-wir{
  --saw-border:rgba(255,255,255,.10);
  --saw-border-strong:rgba(255,255,255,.14);
  --saw-surface:rgba(255,255,255,.035);
  --saw-surface-strong:rgba(255,255,255,.055);
  --saw-panel:rgba(16,19,27,.82);
  --saw-warm-rgb:181,138,79;
}

.saw-page h1,
.saw-page h2,
.saw-page h3,
.saw-page strong,
.saw-page .ui-panel__title{
  letter-spacing:0;
}

.saw-page h2{
  max-width:30ch;
  font-size:var(--page-h2-size);
  line-height:var(--page-heading-line-height);
}

.saw-page h3{
  font-size:1.08rem;
  line-height:1.22;
}

.saw-page .ui-line-accent--section{
  --line-width:min(13rem, 52%);
  --line-gap:.64rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .94), rgba(var(--brand-indigo-rgb), .76));
}

.saw-nowrap{
  white-space:nowrap;
}

.saw-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.saw-breadcrumbs{
  margin-bottom:var(--page-breadcrumb-bottom-space);
}

.saw-breadcrumbs__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
  color:var(--page-breadcrumb-color);
  font-size:.92rem;
  line-height:1.35;
}

.saw-breadcrumbs__item{
  display:flex;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
}

.saw-breadcrumbs__item:not(:last-child)::after{
  content:"/";
  color:rgba(248,251,255,.36);
}

.saw-breadcrumbs a{
  color:var(--page-breadcrumb-link-color);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--transition-fast), border-color var(--transition-fast);
}

.saw-breadcrumbs a:hover,
.saw-breadcrumbs a:focus-visible{
  color:#fff;
  border-color:rgba(255,255,255,.28);
}

.saw-breadcrumbs span[aria-current="page"]{
  color:var(--page-breadcrumb-current-color);
  font-weight:850;
}

.saw-hero__grid{
  --split-cols:minmax(0, 1.02fr) minmax(22rem, .98fr);
  --split-align-desktop:start;
}

.saw-hero__copy{
  max-width:43rem;
}

.saw-hero__title{
  max-width:min(100%, 20ch);
  margin-bottom:.94rem;
}

.saw-hero__title .ui-marker-underline{
  --marker-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .72), rgba(var(--brand-green-rgb), .62));
  --marker-opacity:.58;
}

.saw-hero__lead,
.saw-hero__body{
  max-width:41rem;
}

.saw-hero__body{
  margin-top:.92rem;
}

.saw-hero__actions{
  margin-top:1.2rem;
}

.saw-hero__visual{
  min-width:0;
}

.saw-briefing{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), var(--saw-panel);
  --panel-shadow:var(--shadow-panel);
  overflow:hidden;
}

.saw-briefing::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .82), rgba(var(--brand-indigo-rgb), .68), rgba(var(--brand-green-rgb), .56));
  pointer-events:none;
}

.saw-briefing__top{
  display:grid;
  gap:.42rem;
  padding:1.25rem 1.25rem .95rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.saw-briefing__top span{
  color:var(--fg-muted);
  font-size:.84rem;
  font-weight:820;
}

.saw-briefing__top strong{
  color:#fff;
  font-size:1.38rem;
  line-height:1.14;
  font-weight:950;
}

.saw-briefing__body{
  display:grid;
  gap:.8rem;
  padding:1.05rem 1.1rem 1.1rem;
}

.saw-briefing__row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.82rem;
  align-items:start;
  padding:.92rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.032);
}

.saw-briefing__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.35rem;
  height:2.35rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(var(--brand-rgb), .10);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
}

.saw-briefing__row strong{
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1.24;
}

.saw-briefing__row p{
  margin-top:.28rem;
  color:var(--fg-subtle);
  font-size:.95rem;
  line-height:1.52;
}

.saw-briefing__bottom{
  display:flex;
  align-items:flex-start;
  gap:.64rem;
  padding:.95rem 1.15rem 1.12rem;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--fg-soft);
  font-size:.94rem;
  line-height:1.46;
  background:rgba(255,255,255,.025);
}

.saw-dot{
  width:.48rem;
  height:.48rem;
  margin-top:.44rem;
  border-radius:999px;
  background:var(--brand-green);
  box-shadow:0 0 0 4px rgba(var(--brand-green-rgb), .14);
  flex:0 0 auto;
}

.saw-section-head{
  max-width:68rem;
}

.saw-section-head p,
.saw-process__head p{
  max-width:43rem;
}

.saw-section-head--center{
  max-width:58rem;
  margin-inline:auto;
  text-align:center;
}

.saw-section-head--center .ui-pill--eyebrow{
  margin-inline:auto;
}

.saw-section-head--center h2,
.saw-section-head--center p{
  margin-inline:auto;
}

.saw-directions__headline{
  max-width:min(100%, 24ch);
}

.saw-directions__headline .ui-marker-underline{
  --marker-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .70), rgba(var(--brand-green-rgb), .62));
  --marker-opacity:.58;
  --marker-bottom:-.18rem;
}

.saw-principles__grid{
  display:grid;
  gap:1rem;
  margin-top:1.45rem;
}

@media (min-width:52rem){
  .saw-principles__grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.saw-principle,
.saw-direction{
  position:relative;
  min-width:0;
  padding:1.18rem;
  border-radius:var(--radius-lg);
  border:1px solid var(--saw-border);
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
  box-shadow:var(--shadow-card);
  overflow:hidden;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.saw-principle::before,
.saw-direction::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:rgba(var(--saw-accent-rgb, var(--brand-rgb)), .72);
  opacity:.72;
}

.saw-principle:hover,
.saw-direction:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--saw-accent-rgb, var(--brand-rgb)), .22);
  background:linear-gradient(180deg, rgba(var(--saw-accent-rgb, var(--brand-rgb)), .055), rgba(255,255,255,.02));
}

.saw-tone--brand{
  --saw-accent-rgb:var(--brand-rgb);
}

.saw-tone--indigo{
  --saw-accent-rgb:var(--brand-indigo-rgb);
}

.saw-tone--green{
  --saw-accent-rgb:var(--brand-green-rgb);
}

.saw-principle h3,
.saw-direction h3{
  margin-top:.95rem;
  color:#fff;
  font-weight:930;
}

.saw-principle p,
.saw-direction p{
  margin-top:.56rem;
  color:var(--fg-subtle);
  font-size:.96rem;
  line-height:1.62;
}

.saw-icon{
  color:rgba(var(--saw-accent-rgb, var(--brand-rgb)), .96);
}

.saw-icon svg,
.saw-check svg{
  width:1.1rem;
  height:1.1rem;
  display:block;
}

.saw-icon svg *,
.saw-check svg *{
  stroke:currentColor;
  fill:none;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.saw-process__head{
  max-width:68rem;
}

.saw-process__timeline{
  position:relative;
  display:grid;
  gap:.95rem;
  margin-top:1.55rem;
}

.saw-process__timeline::before{
  content:"";
  position:absolute;
  top:1.6rem;
  bottom:1.6rem;
  left:1.35rem;
  width:1px;
  background:linear-gradient(180deg, rgba(var(--brand-rgb), .42), rgba(var(--brand-indigo-rgb), .24), rgba(var(--brand-green-rgb), .34));
}

.saw-step{
  position:relative;
  display:grid;
  grid-template-columns:2.7rem minmax(0, 1fr);
  gap:1rem;
  align-items:stretch;
}

.saw-step__marker{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  padding-top:.9rem;
}

.saw-step__marker span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.7rem;
  height:2.7rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .24);
  background:rgba(16,19,27,.92);
  box-shadow:var(--shadow-soft);
  color:#fff;
  font-size:.78rem;
  font-weight:950;
}

.saw-step__card{
  display:flex;
  align-items:flex-start;
  gap:.95rem;
  padding:1.05rem;
  border-radius:var(--radius-lg);
  border:1px solid var(--saw-border);
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
  box-shadow:var(--shadow-card);
}

.saw-step__copy{
  min-width:0;
}

.saw-step__copy h3{
  color:#fff;
  font-weight:930;
}

.saw-step__copy p{
  margin-top:.42rem;
  color:var(--fg-subtle);
  font-size:.96rem;
  line-height:1.58;
}

.saw-step__copy strong{
  display:inline-flex;
  margin-top:.72rem;
  padding:.42rem .62rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .18);
  background:rgba(var(--brand-rgb), .08);
  color:rgba(248,251,255,.9);
  font-size:.82rem;
  line-height:1.28;
  font-weight:820;
}

.saw-reporting__grid{
  --split-cols:minmax(0, .98fr) minmax(21rem, 1.02fr);
  --split-align-desktop:center;
}

.saw-reporting__copy{
  max-width:42rem;
}

.saw-reporting__copy p + p{
  margin-top:.88rem;
}

.saw-reporting__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)), rgba(16,19,27,.78);
  --panel-shadow:var(--shadow-panel);
  padding:1.15rem;
}

.saw-reporting__tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.55rem;
  padding:.44rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.saw-reporting__tabs span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.55rem;
  border-radius:14px;
  color:var(--fg-soft);
  font-size:.9rem;
  font-weight:850;
  text-align:center;
}

.saw-reporting__tabs span:first-child{
  background:linear-gradient(180deg, rgba(var(--brand-rgb), .16), rgba(var(--brand-indigo-rgb), .10));
  color:#fff;
}

.saw-reporting__list{
  list-style:none;
  display:grid;
  gap:.82rem;
  margin:1rem 0 0;
  padding:0;
}

.saw-reporting__list li{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  padding:.9rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.028);
  color:var(--fg-subtle);
  line-height:1.5;
}

.saw-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.5rem;
  height:1.5rem;
  flex:0 0 1.5rem;
  border-radius:999px;
  background:rgba(var(--brand-green-rgb), .12);
  color:var(--brand-green);
}

.saw-check svg{
  width:.88rem;
  height:.88rem;
}

.saw-directions__grid{
  display:grid;
  gap:1rem;
  margin-top:1.45rem;
}

@media (min-width:42rem){
  .saw-directions__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:68rem){
  .saw-directions__grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.saw-direction:nth-child(2){
  --saw-accent-rgb:var(--brand-indigo-rgb);
}

.saw-direction:nth-child(3){
  --saw-accent-rgb:var(--saw-warm-rgb);
}

.saw-direction:nth-child(4){
  --saw-accent-rgb:var(--brand-green-rgb);
}

.saw-faq__grid{
  --split-cols:minmax(0, .86fr) minmax(22rem, 1.14fr);
  --split-align-desktop:start;
}

.saw-faq__copy{
  max-width:37rem;
}

.saw-faq__items{
  display:grid;
  gap:.72rem;
}

.saw-faq__item{
  border-radius:var(--radius-md);
  border:1px solid var(--saw-border);
  background:rgba(255,255,255,.03);
  box-shadow:var(--shadow-card);
}

.saw-faq__item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.05rem;
  cursor:pointer;
  color:#fff;
  font-weight:880;
  line-height:1.35;
}

.saw-faq__item summary:hover,
.saw-faq__item summary:focus-visible{
  color:rgba(248,251,255,.92);
  outline:none;
}

.saw-faq__icon{
  position:relative;
  width:1.35rem;
  height:1.35rem;
  flex:0 0 1.35rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
}

.saw-faq__icon::before,
.saw-faq__icon::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:.62rem;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transform:translate(-50%, -50%);
}

.saw-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.saw-faq__item[open] .saw-faq__icon::after{
  opacity:0;
}

.saw-faq__answer{
  padding:0 1.05rem 1.08rem;
  color:var(--fg-subtle);
}

.saw-faq__answer p{
  max-width:42rem;
  font-size:.96rem;
  line-height:1.62;
}

.saw-final__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018)), rgba(16,19,27,.82);
  --panel-shadow:var(--shadow-panel-strong);
  position:relative;
  overflow:hidden;
}

.saw-final__panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .88), rgba(var(--brand-indigo-rgb), .68), rgba(var(--brand-green-rgb), .56));
  pointer-events:none;
}

.saw-final__grid{
  display:grid;
  gap:1.25rem;
  align-items:center;
  padding:clamp(1.15rem, 3vw, 1.9rem);
}

@media (min-width:58rem){
  .saw-final__grid{
    grid-template-columns:minmax(0, 1.02fr) minmax(19rem, .98fr);
  }
}

.saw-final__copy{
  min-width:0;
  max-width:48rem;
}

.saw-final__headline{
  max-width:25ch;
  margin-top:0;
}

.saw-final__headline .ui-marker-underline{
  --marker-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .70), rgba(var(--brand-indigo-rgb), .66));
  --marker-opacity:.58;
  --marker-bottom:-.18rem;
}

.saw-final__copy .ui-copy-lead{
  margin-top:.88rem;
  max-width:42rem;
}

.saw-final__actions{
  --cta-mt:1.18rem;
}

.saw-final__links{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem 1.15rem;
  margin-top:1rem;
}

.saw-final__aside{
  min-width:0;
}

.saw-final-card{
  padding:1.12rem;
  border:1px solid var(--saw-border);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:var(--shadow-card);
}

.saw-final-card__label{
  display:inline-flex;
  align-items:center;
  min-height:1.85rem;
  padding:.3rem .7rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-green-rgb), .20);
  background:rgba(var(--brand-green-rgb), .12);
  color:#fff;
  font-size:.8rem;
  font-weight:850;
  line-height:1.1;
}

.saw-final-card h3{
  margin-top:.72rem;
  color:#fff;
  font-size:1.13rem;
  line-height:1.28;
  font-weight:930;
}

.saw-final-card__list{
  list-style:none;
  display:grid;
  gap:.72rem;
  margin:1rem 0 0;
  padding:0;
}

.saw-final-card__list li{
  display:flex;
  align-items:flex-start;
  gap:.68rem;
  color:var(--fg-subtle);
  line-height:1.45;
  font-size:.95rem;
}

.saw-final-card__text{
  margin-top:1rem;
  padding-top:.92rem;
  border-top:1px solid rgba(255,255,255,.08);
}

@media (max-width:48rem){
  .saw-nowrap{
    white-space:normal;
  }

  .saw-step{
    grid-template-columns:1fr;
    gap:.58rem;
  }

  .saw-step__marker{
    justify-content:flex-start;
    padding-top:0;
  }

  .saw-process__timeline::before{
    display:none;
  }

  .saw-step__card{
    flex-direction:column;
    gap:.78rem;
  }

  .saw-reporting__tabs{
    grid-template-columns:1fr;
  }
}

@media (max-width:35rem){
  .saw-briefing__row{
    grid-template-columns:1fr;
  }

  .saw-final__actions,
  .saw-hero__actions{
    align-items:stretch;
  }

  .saw-final__actions .buttonmain,
  .saw-final__actions .buttonmainsecond,
  .saw-hero__actions .buttonmain,
  .saw-hero__actions .buttonmainsecond{
    width:100%;
    justify-content:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .saw-principle,
  .saw-direction{
    transition:none;
  }
}