.page-custom-websites{
  --cw-border:rgba(255,255,255,.10);
  --cw-border-strong:rgba(255,255,255,.14);
  --cw-panel:rgba(16,19,27,.68);
  --cw-surface:rgba(255,255,255,.04);
  --cw-radius-xl:30px;
  --cw-radius-lg:24px;
  --cw-radius-md:20px;
  --cw-radius-sm:16px;
  --cw-amber-rgb:246,158,38;
  --cw-red-rgb:225,98,86;
}

.page-custom-websites .cw-page{
  position:relative;
}

.page-custom-websites .cw-breadcrumbs{
  padding-top:var(--page-breadcrumb-top-space);
  padding-bottom:var(--page-breadcrumb-bottom-space);
}

.page-custom-websites .cw-breadcrumbs__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
  color:var(--fg-muted);
  font-size:.92rem;
}

.page-custom-websites .cw-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
}

.page-custom-websites .cw-breadcrumbs__item:not(:last-child)::after{
  content:"/";
  color:rgba(255,255,255,.24);
}

.page-custom-websites .cw-breadcrumbs__item a{
  text-decoration:none;
  opacity:.94;
  transition:opacity var(--transition-fast), color var(--transition-fast);
}

.page-custom-websites .cw-breadcrumbs__item a:hover{
  opacity:1;
  color:var(--fg-soft);
}

.page-custom-websites .cw-breadcrumbs__item.is-current{
  color:var(--fg-soft);
}

.page-custom-websites .cw-section-head{
  max-width:48rem;
  margin-bottom:1.2rem;
}

.page-custom-websites .cw-section-head--center{
  margin-inline:auto;
  text-align:center;
  --eyebrow-margin-inline:auto;
}

.page-custom-websites .cw-section-head--compact{
  max-width:56rem;
}

.page-custom-websites .cw-icon{
  color:#fff;
}

.page-custom-websites .cw-icon svg{
  width:1.08rem;
  height:1.08rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.page-custom-websites .cw-card .ui-icon-box,
.page-custom-websites .cw-feature-row .ui-icon-box{
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.page-custom-websites .cw-tone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.page-custom-websites .cw-tone::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--cw-accent, rgba(var(--brand-rgb), .94)), transparent 72%);
  opacity:.88;
  pointer-events:none;
}

.page-custom-websites .cw-tone--brand{
  --cw-accent:rgba(var(--brand-rgb), .98);
  --cw-accent-soft:rgba(var(--brand-rgb), .12);
}

.page-custom-websites .cw-tone--green{
  --cw-accent:rgba(var(--brand-green-rgb), .96);
  --cw-accent-soft:rgba(var(--brand-green-rgb), .12);
}

.page-custom-websites .cw-tone--indigo{
  --cw-accent:rgba(var(--brand-indigo-rgb), .94);
  --cw-accent-soft:rgba(var(--brand-indigo-rgb), .13);
}

.page-custom-websites .cw-tone--amber{
  --cw-accent:rgba(var(--cw-amber-rgb), .98);
  --cw-accent-soft:rgba(var(--cw-amber-rgb), .13);
}

.page-custom-websites .cw-card-grid{
  display:grid;
  gap:clamp(.9rem, 2vw, 1.15rem);
}

@media (min-width: 48rem){
  .page-custom-websites .cw-card-grid--two,
  .page-custom-websites .cw-card-grid--three,
  .page-custom-websites .cw-card-grid--four,
  .page-custom-websites .cw-card-grid--five{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 74rem){
  .page-custom-websites .cw-card-grid--three{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-custom-websites .cw-card-grid--four{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .page-custom-websites .cw-card-grid--five{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}

.page-custom-websites .cw-card,
.page-custom-websites .cw-link-card,
.page-custom-websites .cw-code-shot{
  min-width:0;
  min-height:100%;
}

.page-custom-websites .cw-card{
  padding:1.06rem 1.02rem 1.05rem;
  border-radius:var(--cw-radius-lg);
  border-color:rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(16,19,27,.56);
}

.page-custom-websites .cw-card,
.page-custom-websites .cw-feature-row,
.page-custom-websites .cw-compare-row,
.page-custom-websites .cw-compare-side,
.page-custom-websites .cw-compare-row__axis,
.page-custom-websites .cw-compare-board__head-cell,
.page-custom-websites .cw-build-window,
.page-custom-websites .cw-build-stack,
.page-custom-websites .cw-build-result,
.page-custom-websites .cw-build-output,
.page-custom-websites .cw-tech-chip,
.page-custom-websites .cw-code-shot,
.page-custom-websites .cw-process__panel,
.page-custom-websites .cw-hero__panel{
  transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.page-custom-websites .cw-card h3,
.page-custom-websites .cw-link-card strong,
.page-custom-websites .cw-timeline__content h3,
.page-custom-websites .cw-faq__item summary span:first-child{
  font-size:1.05rem;
  font-weight:920;
  line-height:1.28;
  letter-spacing:-.01em;
  color:#fff;
}

.page-custom-websites .cw-card h3,
.page-custom-websites .cw-link-card strong{
  margin-top:.82rem;
  margin-bottom:.38rem;
}

.page-custom-websites .cw-hero{
  padding-top:0;
}

.page-custom-websites .cw-hero__grid{
  --split-cols:minmax(0, 1.03fr) minmax(340px, .97fr);
  --split-align-desktop:center;
  --split-align-mobile:start;
}

.page-custom-websites .cw-hero__copy{
  max-width:42rem;
}

.page-custom-websites .cw-hero__copy h1{
  max-width:min(100%, var(--page-h1-max-width));
  margin-bottom:.92rem;
}

.page-custom-websites .cw-hero__lead{
  max-width:40rem;
}

.page-custom-websites .cw-hero__actions{
  --cta-mt:1.12rem;
}

.page-custom-websites .cw-hero__panel{
  position:relative;
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), var(--cw-panel);
  border-radius:var(--cw-radius-xl);
  align-self:center;
  padding:.92rem;
  overflow:hidden;
}

.page-custom-websites .cw-hero__panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .78), rgba(var(--brand-indigo-rgb), .58), rgba(var(--cw-amber-rgb), .28), transparent 82%);
  pointer-events:none;
}

.page-custom-websites .cw-build-window{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(8,12,21,.78);
  box-shadow:var(--shadow-card-deep);
}

.page-custom-websites .cw-build-window::before{
  content:"";
  position:absolute;
  inset:3.35rem 1rem auto 1rem;
  height:52%;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(112deg, rgba(var(--brand-rgb), .12), rgba(var(--brand-indigo-rgb), .08), rgba(var(--brand-green-rgb), .06));
  transform:skewY(-2deg);
  opacity:.88;
  pointer-events:none;
}

.page-custom-websites .cw-build-window__bar{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:.72rem;
  padding:.78rem .9rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.038);
}

.page-custom-websites .cw-build-window__dots{
  display:flex;
  gap:.35rem;
}

.page-custom-websites .cw-build-window__dots span{
  width:.62rem;
  height:.62rem;
  border-radius:999px;
  display:block;
  background:rgba(255,255,255,.24);
}

.page-custom-websites .cw-build-window__dots span:nth-child(1){ background:rgba(var(--cw-red-rgb), .92); }
.page-custom-websites .cw-build-window__dots span:nth-child(2){ background:rgba(var(--cw-amber-rgb), .92); }
.page-custom-websites .cw-build-window__dots span:nth-child(3){ background:rgba(var(--brand-green-rgb), .92); }

.page-custom-websites .cw-build-window__file,
.page-custom-websites .cw-build-window__status{
  min-width:0;
  color:rgba(248,251,255,.78);
  font-size:.78rem;
  font-weight:850;
  line-height:1.15;
}

.page-custom-websites .cw-build-window__file{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.page-custom-websites .cw-build-window__status{
  display:inline-flex;
  align-items:center;
  padding:.3rem .54rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:
    linear-gradient(90deg, rgba(var(--brand-rgb), .12), rgba(var(--brand-indigo-rgb), .08), rgba(var(--brand-green-rgb), .08));
  color:rgba(235,248,255,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.page-custom-websites .cw-build-window__body{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(9.4rem, .76fr);
  gap:.72rem;
  padding:.86rem;
}

.page-custom-websites .cw-build-stack,
.page-custom-websites .cw-build-result,
.page-custom-websites .cw-build-output{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.022)),
    rgba(255,255,255,.02);
  box-shadow:var(--shadow-soft);
}

.page-custom-websites .cw-build-stack::before,
.page-custom-websites .cw-build-result::before,
.page-custom-websites .cw-build-output::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .56), rgba(var(--brand-indigo-rgb), .34), transparent 78%);
  opacity:.72;
  pointer-events:none;
}

.page-custom-websites .cw-build-result::before{
  background:linear-gradient(90deg, rgba(var(--brand-green-rgb), .54), rgba(var(--brand-rgb), .28), transparent 78%);
}

.page-custom-websites .cw-build-output::before{
  background:linear-gradient(90deg, rgba(var(--brand-indigo-rgb), .48), rgba(var(--brand-rgb), .26), transparent 78%);
}

.page-custom-websites .cw-build-stack{
  min-width:0;
  padding:.82rem;
}

.page-custom-websites .cw-build-stack__head span{
  display:inline-flex;
  padding:.28rem .52rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(var(--brand-rgb), .10);
  color:rgba(248,251,255,.82);
  font-size:.72rem;
  font-weight:860;
  line-height:1.1;
}

.page-custom-websites .cw-build-stack__head strong{
  display:block;
  margin-top:.54rem;
  color:#fff;
  font-size:1.02rem;
  line-height:1.18;
  letter-spacing:0;
}

.page-custom-websites .cw-build-stack__head p{
  margin:.42rem 0 0;
  color:rgba(248,251,255,.68);
  font-size:.76rem;
  font-weight:720;
  line-height:1.42;
}

.page-custom-websites .cw-tech-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.46rem;
  margin-top:.66rem;
}

.page-custom-websites .cw-tech-chip{
  min-width:0;
  padding:.52rem .54rem;
  border-radius:15px;
  border:1px solid rgba(var(--cw-chip-rgb, var(--brand-rgb)), .22);
  background:rgba(var(--cw-chip-rgb, var(--brand-rgb)), .10);
}

.page-custom-websites .cw-tech-chip--brand{ --cw-chip-rgb:var(--brand-rgb); }
.page-custom-websites .cw-tech-chip--indigo{ --cw-chip-rgb:var(--brand-indigo-rgb); }
.page-custom-websites .cw-tech-chip--green{ --cw-chip-rgb:var(--brand-green-rgb); }
.page-custom-websites .cw-tech-chip--amber{ --cw-chip-rgb:var(--cw-amber-rgb); }

.page-custom-websites .cw-tech-chip strong,
.page-custom-websites .cw-tech-chip span{
  display:block;
  line-height:1.1;
}

.page-custom-websites .cw-tech-chip strong{
  color:#fff;
  font-size:.94rem;
  font-weight:950;
}

.page-custom-websites .cw-tech-chip span{
  margin-top:.22rem;
  color:rgba(248,251,255,.72);
  font-size:.72rem;
  font-weight:760;
}

.page-custom-websites .cw-code-lines{
  display:grid;
  gap:.34rem;
  margin-top:.68rem;
}

.page-custom-websites .cw-code-lines span{
  display:block;
  height:.42rem;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}

.page-custom-websites .cw-code-lines span:nth-child(1){ width:92%; }
.page-custom-websites .cw-code-lines span:nth-child(2){ width:76%; }
.page-custom-websites .cw-code-lines span:nth-child(3){ width:84%; }
.page-custom-websites .cw-code-lines span:nth-child(4){ width:58%; }

.page-custom-websites .cw-build-result{
  display:grid;
  align-content:space-between;
  gap:.64rem;
  padding:.76rem;
  grid-column:2;
  grid-row:1 / span 2;
}

.page-custom-websites .cw-speed-gauge{
  display:grid;
  justify-items:center;
  gap:.5rem;
  text-align:center;
}

.page-custom-websites .cw-speed-gauge__ring{
  position:relative;
  width:min(7.15rem, 100%);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:
    conic-gradient(rgba(var(--brand-green-rgb), .98) 0deg 354deg, rgba(255,255,255,.10) 354deg 360deg);
  box-shadow:0 18px 36px rgba(var(--brand-green-rgb), .12);
}

.page-custom-websites .cw-speed-gauge__ring::before{
  content:"";
  position:absolute;
  inset:.58rem;
  border-radius:999px;
  background:rgba(8,12,21,.92);
  border:1px solid rgba(255,255,255,.08);
}

.page-custom-websites .cw-speed-gauge__value{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.12rem;
  text-align:center;
}

.page-custom-websites .cw-speed-gauge__value strong{
  display:block;
  color:#fff;
  font-size:2.08rem;
  font-weight:950;
  line-height:1;
  letter-spacing:0;
}

.page-custom-websites .cw-speed-gauge__value span{
  display:block;
  color:rgba(248,251,255,.68);
  font-size:.62rem;
  font-weight:820;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.page-custom-websites .cw-speed-gauge p{
  color:rgba(248,251,255,.78);
  font-size:.82rem;
  line-height:1.38;
}

.page-custom-websites .cw-build-checks{
  display:grid;
  gap:.44rem;
}

.page-custom-websites .cw-build-checks span{
  position:relative;
  padding:.46rem .56rem .46rem 1.38rem;
  border-radius:14px;
  border:1px solid rgba(var(--brand-green-rgb), .16);
  background:rgba(var(--brand-green-rgb), .075);
  color:rgba(248,251,255,.88);
  font-size:.76rem;
  font-weight:860;
  line-height:1.18;
}

.page-custom-websites .cw-build-checks span::before{
  content:"";
  position:absolute;
  left:.62rem;
  top:.78rem;
  width:.38rem;
  height:.38rem;
  border-radius:999px;
  background:rgba(var(--brand-green-rgb), .96);
  box-shadow:0 0 0 4px rgba(var(--brand-green-rgb), .10);
}

.page-custom-websites .cw-build-output{
  grid-column:1;
  grid-row:2;
  min-width:0;
  padding:.72rem;
}

.page-custom-websites .cw-build-output__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  margin-bottom:.58rem;
}

.page-custom-websites .cw-build-output__top span,
.page-custom-websites .cw-build-output__top strong{
  display:inline-flex;
  align-items:center;
  min-width:0;
  line-height:1.1;
}

.page-custom-websites .cw-build-output__top span{
  padding:.26rem .5rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .18);
  background:rgba(var(--brand-rgb), .085);
  color:rgba(248,251,255,.76);
  font-size:.72rem;
  font-weight:860;
}

.page-custom-websites .cw-build-output__top strong{
  color:#fff;
  font-size:.8rem;
  font-weight:900;
}

.page-custom-websites .cw-build-output__screen{
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(8,12,21,.50);
}

.page-custom-websites .cw-build-output__nav{
  display:grid;
  grid-template-columns:.7fr .34fr .34fr;
  gap:.36rem;
  padding:.48rem .55rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.page-custom-websites .cw-build-output__nav span,
.page-custom-websites .cw-build-output__hero strong,
.page-custom-websites .cw-build-output__hero i,
.page-custom-websites .cw-build-output__hero b{
  display:block;
  border-radius:999px;
}

.page-custom-websites .cw-build-output__nav span{
  height:.34rem;
  background:rgba(255,255,255,.16);
}

.page-custom-websites .cw-build-output__hero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 3.35rem;
  gap:.48rem;
  align-items:center;
  padding:.58rem .6rem;
}

.page-custom-websites .cw-build-output__hero strong{
  grid-column:1;
  width:84%;
  height:.82rem;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .76), rgba(var(--brand-indigo-rgb), .56));
}

.page-custom-websites .cw-build-output__hero i{
  grid-column:1;
  height:.32rem;
  background:rgba(255,255,255,.15);
}

.page-custom-websites .cw-build-output__hero i:nth-of-type(1){ width:92%; }
.page-custom-websites .cw-build-output__hero i:nth-of-type(2){ width:68%; }

.page-custom-websites .cw-build-output__hero b{
  grid-column:2;
  grid-row:1 / span 3;
  height:3.35rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg, rgba(var(--brand-indigo-rgb), .20), rgba(var(--brand-green-rgb), .08));
}

.page-custom-websites .cw-core .cw-card,
.page-custom-websites .cw-fit .cw-card{
  box-shadow:var(--shadow-card);
}

.page-custom-websites .cw-problems__grid,
.page-custom-websites .cw-architecture__grid,
.page-custom-websites .cw-process__grid,
.page-custom-websites .cw-final__grid{
  --split-cols:minmax(0, 1.02fr) minmax(0, .98fr);
  --split-align-desktop:start;
}

.page-custom-websites .cw-problems__grid{
  --split-align-desktop:center;
  align-items:center;
}

.page-custom-websites .cw-problems__cards{
  align-self:center;
  align-content:center;
  margin-block:auto;
  max-width:35rem;
}

.page-custom-websites .cw-problems__copy,
.page-custom-websites .cw-architecture__copy,
.page-custom-websites .cw-process__copy,
.page-custom-websites .cw-final__copy{
  min-width:0;
}

.page-custom-websites .cw-problems__note,
.page-custom-websites .cw-compare__note{
  margin-top:1rem;
}

.page-custom-websites .cw-compare__note{
  align-items:flex-start;
  border-color:rgba(var(--brand-rgb), .16);
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .075), rgba(255,255,255,.026)),
    rgba(8,12,21,.30);
}

.page-custom-websites .cw-compare__note .ui-icon-box{
  flex:0 0 auto;
  background:rgba(var(--brand-rgb), .13);
  color:rgba(var(--brand-rgb), 1);
}

.page-custom-websites .cw-problems__note--warning{
  border-color:rgba(var(--cw-amber-rgb), .24);
  background:linear-gradient(180deg, rgba(var(--cw-amber-rgb), .13), rgba(255,255,255,.03));
}

.page-custom-websites .cw-card--problem,
.page-custom-websites .cw-stack-card,
.page-custom-websites .cw-process__panel,
.page-custom-websites .cw-related__panel,
.page-custom-websites .cw-compare__panel,
.page-custom-websites .cw-final__panel{
  border-radius:var(--cw-radius-xl);
}

.page-custom-websites .cw-card--problem .ui-panel__top,
.page-custom-websites .cw-stack-card .ui-panel__top{
  padding:1.06rem 1.06rem 1.1rem;
}

.page-custom-websites .cw-card--problem .ui-panel__title,
.page-custom-websites .cw-stack-card .ui-panel__title{
  margin-top:.82rem;
  font-size:1.08rem;
}

@media (min-width: 74rem){
  .page-custom-websites .cw-problems__cards{
    justify-self:end;
  }
}

.page-custom-websites .cw-feature-stack{
  display:grid;
  gap:.82rem;
}

.page-custom-websites .cw-feature-row{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  box-shadow:var(--shadow-card);
}

.page-custom-websites .cw-feature-row .ui-icon-box{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

.page-custom-websites .cw-feature-row--brand .ui-icon-box{
  background:rgba(var(--brand-rgb), .16);
  color:rgba(var(--brand-rgb), 1);
}

.page-custom-websites .cw-feature-row--green .ui-icon-box{
  background:rgba(var(--brand-green-rgb), .16);
  color:rgba(var(--brand-green-rgb), 1);
}

.page-custom-websites .cw-feature-row--indigo .ui-icon-box{
  background:rgba(var(--brand-indigo-rgb), .16);
  color:rgba(var(--brand-indigo-rgb), 1);
}

.page-custom-websites .cw-feature-row--amber .ui-icon-box{
  background:rgba(var(--cw-amber-rgb), .18);
  color:rgba(var(--cw-amber-rgb), 1);
}

.page-custom-websites .cw-stack__grid{
  align-items:stretch;
}

.page-custom-websites .cw-stack-card__head{
  display:flex;
  gap:.76rem;
  align-items:flex-start;
  margin-top:.82rem;
}

.page-custom-websites .cw-compare__panel,
.page-custom-websites .cw-related__panel,
.page-custom-websites .cw-final__panel{
  padding:clamp(1.08rem, 2.5vw, 1.8rem);
}

.page-custom-websites .cw-compare__panel{
  position:relative;
  overflow:hidden;
  --panel-bg:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(16,19,27,.76);
  --panel-shadow:var(--shadow-panel-strong);
}

.page-custom-websites .cw-compare__panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .82), rgba(var(--brand-indigo-rgb), .70), rgba(var(--cw-amber-rgb), .42));
  opacity:.86;
}

.page-custom-websites .cw-compare-board{
  position:relative;
  margin-top:1.18rem;
  padding:clamp(.7rem, 1.5vw, 1rem);
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(8,12,21,.30), rgba(8,12,21,.12)),
    rgba(255,255,255,.026);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

.page-custom-websites .cw-compare-board::before{
  content:"";
  position:absolute;
  inset:1rem 50% 1rem auto;
  width:1px;
  transform:translateX(.5px);
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.16), transparent);
  opacity:.7;
  pointer-events:none;
}

.page-custom-websites .cw-compare-board__head,
.page-custom-websites .cw-compare-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(7.2rem, .42fr) minmax(0, 1fr);
  align-items:stretch;
  gap:.82rem;
}

.page-custom-websites .cw-compare-board__head-cell{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:.92rem 1rem;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.032);
}

.page-custom-websites .cw-compare-board__head-cell::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--cw-compare-accent), rgba(255,255,255,.08));
}

.page-custom-websites .cw-compare-board__head-cell--custom{
  --cw-compare-accent:rgba(var(--brand-green-rgb), .88);
  background:linear-gradient(180deg, rgba(var(--brand-green-rgb), .10), rgba(255,255,255,.026));
  border-color:rgba(var(--brand-green-rgb), .17);
}

.page-custom-websites .cw-compare-board__head-cell--cms{
  --cw-compare-accent:rgba(var(--cw-amber-rgb), .78);
  background:linear-gradient(180deg, rgba(var(--cw-amber-rgb), .085), rgba(255,255,255,.023));
  border-color:rgba(var(--cw-amber-rgb), .16);
}

.page-custom-websites .cw-compare-board__head-cell span{
  display:inline-flex;
  padding:.3rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,12,21,.34);
  color:rgba(248,251,255,.76);
  font-size:.8rem;
  font-weight:860;
  line-height:1.1;
}

.page-custom-websites .cw-compare-board__head-cell strong{
  display:block;
  margin-top:.62rem;
  color:#fff;
  font-size:1.05rem;
  line-height:1.22;
  font-weight:930;
}

.page-custom-websites .cw-compare-board__axis-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  justify-self:center;
  width:3rem;
  height:3rem;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--brand-rgb), .22), transparent 70%),
    rgba(8,12,21,.58);
  color:rgba(248,251,255,.78);
  font-size:.75rem;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.page-custom-websites .cw-compare__rows{
  margin-top:1rem;
  display:grid;
  gap:.82rem;
}

.page-custom-websites .cw-compare-row{
  position:relative;
  min-width:0;
  padding:.12rem 0;
}

.page-custom-websites .cw-compare-row::before{
  content:"";
  position:absolute;
  inset:50% calc(50% - .5px) auto auto;
  width:1px;
  height:calc(100% + .94rem);
  transform:translateY(-50%);
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

.page-custom-websites .cw-compare-side{
  position:relative;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  padding:1rem 1.05rem 1.03rem;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.032);
  box-shadow:var(--shadow-card);
}

.page-custom-websites .cw-compare-side::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--cw-compare-accent), rgba(255,255,255,.06));
}

.page-custom-websites .cw-compare-side--custom{
  --cw-compare-accent:rgba(var(--brand-green-rgb), .84);
  background:linear-gradient(180deg, rgba(var(--brand-green-rgb), .12), rgba(var(--brand-rgb), .055));
  border-color:rgba(var(--brand-green-rgb), .20);
}

.page-custom-websites .cw-compare-side--cms{
  --cw-compare-accent:rgba(var(--cw-amber-rgb), .74);
  background:linear-gradient(180deg, rgba(var(--cw-amber-rgb), .10), rgba(var(--cw-red-rgb), .045));
  border-color:rgba(var(--cw-amber-rgb), .18);
}

.page-custom-websites .cw-compare-row__axis{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.58rem;
  padding:.8rem .7rem;
  border-radius:22px;
  border:1px solid rgba(var(--brand-rgb), .16);
  background:
    radial-gradient(circle at 50% 10%, rgba(var(--brand-rgb), .18), transparent 72%),
    rgba(8,12,21,.62);
  box-shadow:0 14px 30px rgba(0,0,0,.20);
  text-align:center;
}

.page-custom-websites .cw-compare-row__axis .ui-icon-box{
  width:2.15rem;
  height:2.15rem;
  border-radius:14px;
  background:rgba(var(--brand-rgb), .14);
  color:rgba(var(--brand-rgb), 1);
}

.page-custom-websites .cw-compare-row__axis strong{
  color:#fff;
  font-size:.86rem;
  font-weight:930;
  line-height:1.16;
  letter-spacing:-.005em;
}

.page-custom-websites .cw-compare-side__label{
  display:flex;
  align-items:center;
  gap:.44rem;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  line-height:1.2;
}

.page-custom-websites .cw-compare-side__label::before{
  content:"";
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:var(--cw-side-dot, rgba(var(--brand-rgb), .9));
  box-shadow:0 0 0 4px var(--cw-side-dot-soft, rgba(var(--brand-rgb), .12));
}

.page-custom-websites .cw-compare-side--custom .cw-compare-side__label{
  --cw-side-dot:rgba(var(--brand-green-rgb), .96);
  --cw-side-dot-soft:rgba(var(--brand-green-rgb), .12);
}

.page-custom-websites .cw-compare-side--cms .cw-compare-side__label{
  --cw-side-dot:rgba(var(--cw-amber-rgb), .94);
  --cw-side-dot-soft:rgba(var(--cw-amber-rgb), .12);
}

.page-custom-websites .cw-compare-side p{
  margin-top:.6rem;
  color:rgba(248,251,255,.80);
  font-size:.94rem;
  line-height:1.55;
}

.page-custom-websites .cw-compare-side--custom p{
  color:rgba(248,251,255,.88);
}

.page-custom-websites .cw-timeline{
  list-style:none;
  margin-top:1.1rem;
  display:grid;
  gap:.82rem;
  position:relative;
}

.page-custom-websites .cw-timeline::before{
  content:"";
  position:absolute;
  left:1rem;
  top:.65rem;
  bottom:.65rem;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(var(--brand-rgb), .72), rgba(var(--brand-green-rgb), .66));
  opacity:.56;
}

.page-custom-websites .cw-timeline__item{
  position:relative;
  display:grid;
  grid-template-columns:2rem 1fr;
  gap:1rem;
  align-items:start;
}

.page-custom-websites .cw-timeline__dot{
  position:relative;
  z-index:1;
  width:2rem;
  height:2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .26);
  background:rgba(16,19,27,.95);
  box-shadow:0 0 0 5px rgba(var(--brand-rgb), .11);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
}

.page-custom-websites .cw-timeline__content{
  padding:1rem 1rem 1rem 1.05rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  box-shadow:var(--shadow-card);
}

.page-custom-websites .cw-timeline__content p{
  margin-top:.34rem;
}

.page-custom-websites .cw-process__panel{
  align-self:start;
}

.page-custom-websites .cw-process__panel .ui-panel__top{
  padding:1.28rem 1.15rem 1.04rem;
}

.page-custom-websites .cw-process__panel .cw-panel-pill{
  margin-bottom:.4rem;
}

.page-custom-websites .cw-deliverables{
  display:grid;
  gap:.7rem;
  padding:0 1.15rem 1rem;
}

.page-custom-websites .cw-deliverable{
  color:rgba(248,251,255,.86);
}

.page-custom-websites .cw-process__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.72rem;
  align-items:center;
}

.page-custom-websites .cw-link-card{
  display:flex;
  flex-direction:column;
  gap:.32rem;
  padding:.96rem 1rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  text-decoration:none;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
  position:relative;
  overflow:hidden;
}

.page-custom-websites .cw-link-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--cw-link-accent, rgba(var(--brand-rgb), .92)), transparent 70%);
}

.page-custom-websites .cw-link-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--brand-rgb), .24);
  background:rgba(255,255,255,.05);
  box-shadow:var(--shadow-card);
}

.page-custom-websites .cw-link-card:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .82);
  outline-offset:3px;
}

.page-custom-websites .cw-link-card__label,
.page-custom-websites .cw-stack-card__label{
  display:inline-flex;
  align-self:flex-start;
  padding:.32rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(16,19,27,.56);
  color:rgba(248,251,255,.76);
  font-size:.8rem;
  font-weight:860;
  letter-spacing:.02em;
  line-height:1.12;
}

.page-custom-websites .cw-link-card span:last-child{
  color:rgba(248,251,255,.78);
  font-size:.93rem;
  line-height:1.54;
}

.page-custom-websites .cw-link-card--brand{
  --cw-link-accent:rgba(var(--brand-rgb), .96);
}

.page-custom-websites .cw-link-card--green{
  --cw-link-accent:rgba(var(--brand-green-rgb), .96);
}

.page-custom-websites .cw-link-card--indigo{
  --cw-link-accent:rgba(var(--brand-indigo-rgb), .96);
}

.page-custom-websites .cw-link-card--amber{
  --cw-link-accent:rgba(var(--cw-amber-rgb), .96);
}

.page-custom-websites .cw-faq__wrap{
  max-width:58rem;
  margin-inline:auto;
  display:grid;
  gap:.9rem;
}

.page-custom-websites .cw-faq__item{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(16,19,27,.56);
  box-shadow:var(--shadow-card);
  overflow:hidden;
}

.page-custom-websites .cw-faq__item summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  cursor:pointer;
  padding:1.05rem 1.1rem;
}

.page-custom-websites .cw-faq__icon{
  position:relative;
  width:1.05rem;
  height:1.05rem;
  flex:0 0 auto;
}

.page-custom-websites .cw-faq__icon::before,
.page-custom-websites .cw-faq__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:2px;
  border-radius:999px;
  background:rgba(248,251,255,.82);
  transform:translate(-50%, -50%);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}

.page-custom-websites .cw-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.page-custom-websites .cw-faq__item[open] .cw-faq__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scaleX(.6);
}

.page-custom-websites .cw-faq__answer{
  padding:0 1.1rem 1.08rem;
}

.page-custom-websites .cw-faq__answer p{
  color:rgba(248,251,255,.82);
}

.page-custom-websites .cw-code-shot{
  padding:1rem 1rem 1rem;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(10,14,21,.82);
  box-shadow:var(--shadow-card);
  display:flex;
  flex-direction:column;
  gap:.88rem;
}

.page-custom-websites .cw-code-shot__top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:.8rem;
}

.page-custom-websites .cw-code-shot__dots{
  display:flex;
  gap:.38rem;
}

.page-custom-websites .cw-code-shot__dots span{
  width:.72rem;
  height:.72rem;
  border-radius:999px;
  display:block;
}

.page-custom-websites .cw-code-shot__dots span:nth-child(1){ background:rgba(var(--cw-red-rgb), .95); }
.page-custom-websites .cw-code-shot__dots span:nth-child(2){ background:rgba(var(--cw-amber-rgb), .95); }
.page-custom-websites .cw-code-shot__dots span:nth-child(3){ background:rgba(var(--brand-green-rgb), .95); }

.page-custom-websites .cw-code-shot__file,
.page-custom-websites .cw-code-shot__status{
  display:inline-flex;
  align-items:center;
  min-height:1.9rem;
  padding:.36rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(248,251,255,.80);
  font-size:.8rem;
  font-weight:820;
  line-height:1.1;
}

.page-custom-websites .cw-code-shot__status{
  color:rgba(var(--brand-green-rgb), 1);
}

.page-custom-websites .cw-code-shot__body{
  padding:1rem .96rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(5,8,14,.66);
  display:grid;
  gap:.56rem;
}

.page-custom-websites .cw-code-shot__line{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:.92rem;
  line-height:1.45;
  color:rgba(248,251,255,.82);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.page-custom-websites .cw-code-shot__token--blue{ color:#8cc7ff; }
.page-custom-websites .cw-code-shot__token--green{ color:#7be0aa; }
.page-custom-websites .cw-code-shot__token--amber{ color:#ffbe74; }
.page-custom-websites .cw-code-shot__token--purple{ color:#c4a2ff; }
.page-custom-websites .cw-code-shot__token--red{ color:#ff8c86; }

.page-custom-websites .cw-code-shot__meta{
  display:grid;
  gap:.58rem;
}

.page-custom-websites .cw-link-card strong{
  font-size:1.02rem;
}


@media (hover:hover) and (pointer:fine){
  .page-custom-websites .cw-card:hover,
  .page-custom-websites .cw-feature-row:hover,
  .page-custom-websites .cw-build-output:hover,
  .page-custom-websites .cw-tech-chip:hover,
  .page-custom-websites .cw-process__panel:hover,
  .page-custom-websites .cw-code-shot:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.16);
    box-shadow:var(--shadow-card-deep);
  }

  .page-custom-websites .cw-hero__panel:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-card-deep);
  }

  .page-custom-websites .cw-compare-row:hover .cw-compare-side,
  .page-custom-websites .cw-compare-row:hover .cw-compare-row__axis{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.14);
    box-shadow:var(--shadow-card-deep);
  }

  .page-custom-websites .cw-build-window:hover .cw-speed-gauge__ring{
    box-shadow:0 22px 42px rgba(var(--brand-green-rgb), .18);
  }

  .page-custom-websites .cw-feature-row:hover .ui-icon-box,
  .page-custom-websites .cw-card:hover .ui-icon-box{
    transform:scale(1.05);
  }
}


@media (min-width: 62rem){
  .page-custom-websites .cw-process__panel{
    position:sticky;
    top:6.6rem;
  }
}

@media (max-width: 73.99rem){
  .page-custom-websites .cw-hero__copy h1{
    max-width:min(100%, var(--page-h1-max-width));
  }

  .page-custom-websites .cw-card-grid--five{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 61.99rem){
  .page-custom-websites .cw-problems__grid,
  .page-custom-websites .cw-architecture__grid,
  .page-custom-websites .cw-process__grid,
  .page-custom-websites .cw-final__grid,
  .page-custom-websites .cw-hero__grid{
    gap:1.1rem;
  }

  .page-custom-websites .cw-hero__panel{
    width:100%;
    max-width:44rem;
    justify-self:center;
  }

  .page-custom-websites .cw-problems__copy,
  .page-custom-websites .cw-architecture__copy,
  .page-custom-websites .cw-process__copy,
  .page-custom-websites .cw-final__copy{
    max-width:unset;
  }
}

@media (max-width: 47.99rem){
  .page-custom-websites .cw-breadcrumbs{
    padding-top:var(--page-breadcrumb-top-space);
  }

  .page-custom-websites .cw-compare__panel,
  .page-custom-websites .cw-related__panel,
  .page-custom-websites .cw-final__panel,
  .page-custom-websites .cw-hero__panel,
  .page-custom-websites .cw-build-window,
  .page-custom-websites .cw-card--problem,
  .page-custom-websites .cw-stack-card,
  .page-custom-websites .cw-process__panel,
  .page-custom-websites .cw-code-shot{
    border-radius:24px;
  }

  .page-custom-websites .cw-hero__copy h1{
    max-width:min(100%, var(--page-h1-max-width));
  }

  .page-custom-websites .cw-code-shot__top{
    grid-template-columns:1fr;
    justify-items:start;
  }

  .page-custom-websites .cw-build-window__bar{
    grid-template-columns:auto minmax(0, 1fr);
  }

  .page-custom-websites .cw-build-window__status{
    grid-column:1 / -1;
    justify-self:start;
  }

  .page-custom-websites .cw-build-window__body{
    grid-template-columns:1fr;
    padding:.95rem;
  }

  .page-custom-websites .cw-build-result{
    grid-template-columns:minmax(7rem, .72fr) minmax(0, 1fr);
    align-items:center;
    gap:.8rem;
  }

  .page-custom-websites .cw-build-result,
  .page-custom-websites .cw-build-output{
    grid-column:auto;
    grid-row:auto;
  }

  .page-custom-websites .cw-build-stack,
  .page-custom-websites .cw-build-result,
  .page-custom-websites .cw-build-output{
    border-radius:18px;
  }

  .page-custom-websites .cw-compare-board{
    padding:.72rem;
    border-radius:22px;
  }

  .page-custom-websites .cw-compare-board::before,
  .page-custom-websites .cw-compare-row::before{
    display:none;
  }

  .page-custom-websites .cw-compare-board__head,
  .page-custom-websites .cw-compare-row{
    grid-template-columns:1fr;
  }

  .page-custom-websites .cw-compare-board__axis-label{
    width:auto;
    height:auto;
    min-height:2.2rem;
    padding:.48rem .82rem;
    justify-self:start;
    border-radius:999px;
  }

  .page-custom-websites .cw-compare-row{
    gap:.66rem;
    padding:0;
  }

  .page-custom-websites .cw-compare-row__axis{
    order:-1;
    min-height:0;
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
    padding:.78rem .86rem;
    border-radius:18px;
  }

  .page-custom-websites .cw-compare-side{
    padding:.88rem .9rem;
    border-radius:17px;
  }

  .page-custom-websites .cw-card,
  .page-custom-websites .cw-link-card,
  .page-custom-websites .cw-code-shot,
  .page-custom-websites .cw-timeline__content,
  .page-custom-websites .cw-faq__item summary,
  .page-custom-websites .cw-faq__answer{
    padding-left:.95rem;
    padding-right:.95rem;
  }

  .page-custom-websites .cw-card--problem .ui-panel__top,
  .page-custom-websites .cw-stack-card .ui-panel__top,
  .page-custom-websites .cw-process__panel .ui-panel__top,
  .page-custom-websites .cw-deliverables,
  .page-custom-websites .cw-hero__panel .ui-panel__top{
    padding-left:.95rem;
    padding-right:.95rem;
  }

  .page-custom-websites .cw-timeline::before{
    left:.98rem;
  }
}

@media (max-width: 35rem){
  .page-custom-websites .cw-breadcrumbs__list{
    font-size:.88rem;
  }

  .page-custom-websites .cw-hero__actions,
  .page-custom-websites .cw-process__actions,
  .page-custom-websites .cw-final__actions{
    align-items:stretch;
  }

  .page-custom-websites .cw-hero__actions .buttonmainsecond,
  .page-custom-websites .cw-process__actions .buttonmainsecond,
  .page-custom-websites .cw-final__actions .buttonmainsecond{
    width:100%;
  }

  .page-custom-websites .cw-tech-grid,
  .page-custom-websites .cw-build-result,
  .page-custom-websites .cw-card-grid--five{
    grid-template-columns:1fr;
  }

  .page-custom-websites .cw-hero__panel{
    padding:.72rem;
    border-radius:22px;
  }

  .page-custom-websites .cw-build-window{
    border-radius:20px;
  }

  .page-custom-websites .cw-build-window__bar{
    padding:.7rem .78rem;
  }

  .page-custom-websites .cw-build-window__body{
    gap:.68rem;
    padding:.72rem;
  }

  .page-custom-websites .cw-build-result{
    gap:.68rem;
  }

  .page-custom-websites .cw-speed-gauge__ring{
    width:min(6.7rem, 100%);
  }

  .page-custom-websites .cw-build-checks span{
    font-size:.78rem;
    padding:.46rem .54rem .46rem 1.38rem;
  }

  .page-custom-websites .cw-build-output__top{
    align-items:flex-start;
  }
}