.page-webdesign-preise{
  --wdp-warm-rgb:214, 156, 96;
  --wdp-border:rgba(255,255,255,.10);
  --wdp-border-strong:rgba(255,255,255,.16);
  --wdp-panel:rgba(13,17,25,.82);
  --wdp-panel-soft:rgba(13,17,25,.74);
  --wdp-shadow:0 18px 48px rgba(0,0,0,.18);
  --wdp-shadow-deep:0 28px 72px rgba(0,0,0,.24);
}

.wdp-page{
  position:relative;
}

.wdp-page h2{
  margin-top:0;
}

.wdp-page .ui-line-accent--section,
.wdp-page .ui-line-accent{
  --line-width:min(10.5rem, 44%);
  --line-gap:.62rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .94), rgba(var(--brand-indigo-rgb), .78));
  --line-opacity:.9;
}

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

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

.wdp-tone--warm{
  --wdp-accent-rgb:var(--wdp-warm-rgb);
}

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

.wdp-page .ui-icon-box.wdp-icon{
  width:2.4rem;
  height:2.4rem;
  border:1px solid rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .18);
  background:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .10);
  box-shadow:none;
}

.wdp-page .ui-icon-box.wdp-icon svg{
  width:1.05rem;
  height:1.05rem;
  display:block;
}

.wdp-section-head{
  max-width:47rem;
  margin-inline:auto;
  margin-bottom:1.7rem;
}

.wdp-section-head--center{
  text-align:center;
}

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

.wdp-hero__grid{
  --split-cols:minmax(0, 1.02fr) minmax(350px, .98fr);
  --split-align-desktop:start;
  gap:clamp(1.2rem, 3vw, 2.5rem);
}

.wdp-hero__copy{
  max-width:40rem;
}

.wdp-hero__title{
  max-width:min(100%, 19.5ch);
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
  margin-bottom:.94rem;
}

.wdp-hero__lead,
.wdp-hero__body{
  max-width:39rem;
}

.wdp-hero__body{
  margin-top:.88rem;
}

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

.wdp-hero__meta{
  margin-top:1.04rem;
  max-width:38rem;
}

.wdp-hero__stage{
  display:grid;
  gap:.96rem;
  padding:1.12rem 1.16rem 1.18rem;
  border:1px solid var(--wdp-border);
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014)),
    var(--wdp-panel-soft);
  box-shadow:var(--wdp-shadow-deep);
}

.wdp-stage__eyebrow,
.wdp-close__eyebrow{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  padding:.36rem .62rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(var(--brand-rgb), .12);
  color:rgba(248,251,255,.94);
  font-size:.79rem;
  font-weight:840;
  line-height:1.1;
}

.wdp-stage__title{
  display:block;
  max-width:28rem;
  font-size:1.14rem;
  line-height:1.3;
  font-weight:870;
  letter-spacing:-.015em;
}

.wdp-stage__list{
  display:grid;
}

.wdp-stage__row{
  display:grid;
  gap:.3rem;
  padding:.86rem 0;
  border-top:1px solid rgba(255,255,255,.08);
  transition:transform var(--transition-base), border-color var(--transition-base);
}

.wdp-stage__row:first-child{
  border-top:0;
  padding-top:.12rem;
}

.wdp-stage__row:hover{
  transform:translateX(2px);
}

.wdp-stage__row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}

.wdp-stage__type{
  display:inline-flex;
  padding:.2rem 0;
  color:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .96);
  font-size:.8rem;
  font-weight:850;
  line-height:1.1;
}

.wdp-stage__dot{
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .92);
  box-shadow:0 0 0 4px rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .1);
  flex:0 0 .48rem;
}

.wdp-stage__row h3{
  margin:0;
  font-size:1.02rem;
  line-height:1.32;
}

.wdp-stage__row strong{
  color:#fff;
  font-size:1.1rem;
  font-weight:880;
  line-height:1.2;
}

.wdp-stage__note,
.wdp-price-note{
  margin:0;
  color:rgba(248,251,255,.72);
  font-size:.88rem;
  line-height:1.58;
}

.wdp-stage__note{
  padding-top:.78rem;
  border-top:1px solid rgba(255,255,255,.08);
}

.wdp-price-note{
  max-width:44rem;
  margin:1rem auto 0;
  text-align:center;
}

.wdp-drivers__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}

.wdp-driver{
  min-height:100%;
  padding:1.04rem 1.06rem 1.1rem;
  border-radius:24px;
  border:1px solid var(--wdp-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdp-shadow);
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdp-driver:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .28);
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}

.wdp-driver__num,
.wdp-close__num{
  display:grid;
  place-items:center;
  width:2.55rem;
  height:2.55rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .26);
  background:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .13);
  color:#fff;
  font-size:.92rem;
  font-weight:900;
  line-height:1;
}

.wdp-driver h3{
  margin:.86rem 0 0;
  font-size:1.04rem;
  line-height:1.33;
}

.wdp-driver p{
  margin:.5rem 0 0;
  color:rgba(248,251,255,.78);
  font-size:.94rem;
  line-height:1.58;
}

.wdp-offers__stack{
  display:grid;
  gap:1rem;
}

.wdp-offer{
  display:grid;
  grid-template-columns:minmax(280px, .88fr) minmax(0, 1.12fr);
  gap:1.15rem;
  align-items:start;
  padding:1.08rem 1.1rem;
  border-radius:26px;
  border:1px solid var(--wdp-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.016));
  box-shadow:var(--wdp-shadow);
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdp-offer:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .26);
  box-shadow:0 24px 58px rgba(0,0,0,.22);
}

.wdp-offer__meta{
  display:grid;
  gap:.92rem;
  align-content:start;
}

.wdp-offer__head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.84rem;
  align-items:start;
}

.wdp-offer__type{
  display:inline-flex;
  padding:.22rem 0;
  color:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .96);
  font-size:.8rem;
  font-weight:850;
  line-height:1.1;
}

.wdp-offer__head h3{
  margin:.26rem 0 0;
  font-size:1.08rem;
  line-height:1.34;
}

.wdp-offer__prices{
  display:grid;
  gap:.18rem;
  padding-top:.06rem;
}

.wdp-offer__prices strong{
  color:#fff;
  font-size:1.28rem;
  font-weight:900;
  line-height:1.14;
}

.wdp-offer__prices span{
  color:rgba(248,251,255,.74);
  font-size:.9rem;
  line-height:1.45;
}

.wdp-offer__body p{
  margin:0;
  color:rgba(248,251,255,.8);
  font-size:.95rem;
  line-height:1.6;
}

.wdp-offer__list,
.wdp-compare__list{
  list-style:none;
  display:grid;
  gap:.64rem;
  margin:.86rem 0 0;
  padding:0;
}

.wdp-offer__list li,
.wdp-compare__list li{
  position:relative;
  padding-left:1rem;
  color:rgba(248,251,255,.84);
  line-height:1.54;
}

.wdp-offer__list li::before,
.wdp-compare__list li::before,
.wdp-close__body p::before{
  content:"";
  position:absolute;
  left:0;
  top:.57rem;
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .94);
  box-shadow:0 0 0 4px rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .12);
}

.wdp-compare__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.wdp-compare__card{
  padding:1.08rem 1.1rem 1.12rem;
  border-radius:26px;
}

.wdp-compare__label{
  display:inline-flex;
  padding:.3rem .58rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .22);
  background:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .12);
  color:#fff;
  font-size:.8rem;
  font-weight:840;
  line-height:1.1;
}

.wdp-routes__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
}

.wdp-route{
  min-height:100%;
  display:flex;
  flex-direction:column;
  gap:.78rem;
  padding:1rem 1.02rem 1.08rem;
  border-radius:24px;
  border:1px solid var(--wdp-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdp-shadow);
  text-decoration:none;
  color:inherit;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdp-route:hover,
.wdp-route:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(var(--wdp-accent-rgb, var(--brand-rgb)), .28);
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}

.wdp-route__head{
  display:grid;
  gap:.7rem;
}

.wdp-route__head h3{
  margin:0;
  font-size:1.02rem;
  line-height:1.32;
}

.wdp-route p{
  margin:0;
  color:rgba(248,251,255,.76);
  font-size:.92rem;
  line-height:1.56;
}

.wdp-route .ui-text-link{
  margin-top:auto;
}

.wdp-faq__grid{
  --split-cols:minmax(0, .92fr) minmax(0, 1.08fr);
  --split-align-desktop:start;
  gap:clamp(1.2rem, 3vw, 2.4rem);
}

.wdp-faq__copy{
  max-width:34rem;
}

.wdp-faq__wrap{
  display:grid;
  gap:.86rem;
}

.wdp-faq__item{
  border:1px solid var(--wdp-border);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdp-shadow);
  overflow:hidden;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdp-faq__item:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--brand-rgb), .22);
  box-shadow:0 20px 44px rgba(0,0,0,.2);
}

.wdp-faq__item summary{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  padding:1rem 1.05rem;
  cursor:pointer;
  list-style:none;
}

.wdp-faq__item summary::-webkit-details-marker{
  display:none;
}

.wdp-faq__item summary span:first-child{
  font-weight:760;
  line-height:1.45;
}

.wdp-faq__icon{
  position:relative;
  flex:0 0 1rem;
  width:1rem;
  height:1rem;
  margin-top:.25rem;
}

.wdp-faq__icon::before,
.wdp-faq__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.95rem;
  height:2px;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .94);
  transform:translate(-50%, -50%);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}

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

.wdp-faq__item[open] .wdp-faq__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(0deg);
}

.wdp-faq__answer{
  padding:0 1.05rem 1.02rem;
  color:rgba(248,251,255,.78);
  line-height:1.62;
}

.wdp-faq__answer p{
  margin:0;
}

.wdp-close__panel{
  padding:clamp(1.24rem, 3vw, 2rem);
}

.wdp-close__grid{
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(320px, 1.04fr);
  gap:clamp(1.2rem, 3vw, 2.3rem);
  align-items:start;
}

.wdp-close__copy{
  max-width:36rem;
}

.wdp-close__actions{
  margin-top:1.2rem;
}

.wdp-close__summary{
  padding:1.05rem 1.06rem 1.08rem;
  border-radius:26px;
  border:1px solid var(--wdp-border);
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.016));
  box-shadow:var(--wdp-shadow-deep);
}

.wdp-close__items{
  display:grid;
  gap:.78rem;
  margin-top:.88rem;
}

.wdp-close__item{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.9rem;
  align-items:flex-start;
  padding:.92rem 0;
  border-top:1px solid rgba(255,255,255,.08);
  transition:transform var(--transition-base);
}

.wdp-close__item:first-child{
  border-top:0;
  padding-top:.08rem;
}

.wdp-close__item:hover{
  transform:translateX(2px);
}

.wdp-close__body h3{
  margin:0;
  font-size:1rem;
  line-height:1.32;
}

.wdp-close__body p{
  position:relative;
  margin:.42rem 0 0;
  padding-left:1rem;
  color:rgba(248,251,255,.76);
  font-size:.92rem;
  line-height:1.54;
}

@media (max-width: 1120px){
  .wdp-routes__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .wdp-hero__grid,
  .wdp-faq__grid,
  .wdp-close__grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdp-offer{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdp-drivers__grid,
  .wdp-compare__grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdp-faq__copy,
  .wdp-close__copy{
    max-width:none;
  }
}

@media (max-width: 760px){
  .wdp-hero__stage,
  .wdp-close__panel{
    padding:.9rem;
  }

  .wdp-driver,
  .wdp-offer,
  .wdp-route,
  .wdp-compare__card{
    padding:.94rem;
  }

  .wdp-routes__grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdp-close__item{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdp-driver__num,
  .wdp-close__num{
    width:2.4rem;
    height:2.4rem;
  }
}