.lpw-values-title,
.lpw-process-title{
  font-family:var(--lpw-font-heading);
  font-weight:400;
  text-transform:uppercase;
}

.lpw-value-card h3,
.lpw-process-card h3{
  font-family:var(--lpw-font-body);
  font-weight:800;
}

/* HERO */

.lpw-hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(100deg, rgba(5,5,8,.94) 0%, rgba(8,8,12,.86) 36%, rgba(12,12,18,.70) 58%, rgba(22,14,28,.58) 100%),
    url('images/ChatGPT-Image-Mar-12-2026-11_04_01-AM.png') center/cover no-repeat;
}

.lpw-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 18%, rgba(159,53,165,.22), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.05), transparent 18%),
    radial-gradient(circle at 72% 78%, rgba(159,53,165,.14), transparent 28%);
  pointer-events:none;
}

.lpw-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.18) 100%);
  pointer-events:none;
}

.lpw-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1480px;
  margin:auto;
  padding:176px 36px 96px;
}

.lpw-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,500px);
  gap:52px;
  align-items:center;
}

.lpw-hero-left{
  max-width:780px;
}

.lpw-eyebrow{
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.2px;
  margin-bottom:22px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.lpw-eyebrow:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--lpw-purple-soft),#fff);
  box-shadow:0 0 12px rgba(255,255,255,.24);
}

.lpw-hero h1{
  color:#fff;
  font-size:clamp(46px,4.8vw,74px);
  line-height:1.02;
  margin:0 0 20px;
  letter-spacing:.015em;
  max-width:900px;
}

.lpw-hero h1 span{
  display:block;
  white-space:nowrap;
}

.lpw-hero h1 span + span{
  margin-top:6px;
}

.lpw-hero p{
  color:rgba(255,255,255,.88);
  font-size:18px;
  margin:0 0 28px;
  max-width:650px;
  line-height:1.72;
  letter-spacing:-.01em;
}

.lpw-hero-actions{
  display:flex;
  gap:14px;
  margin-bottom:26px;
  flex-wrap:wrap;
}

.lpw-hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.lpw-trust-pill{
  padding:10px 15px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:600;
  letter-spacing:-.01em;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.lpw-clients{
  margin-top:34px;
  max-width:820px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
}

.lpw-clients-lead{
  margin:0 0 12px;
  font-size:14px;
  color:rgba(255,255,255,.78);
  line-height:1.6;
}

.lpw-clients-list{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.01em;
  color:#fff;
}

.lpw-clients-list span{
  position:relative;
}

.lpw-clients-list span:not(:last-child)::after{
  content:"•";
  margin-left:14px;
  color:rgba(255,255,255,.42);
}

.lpw-clients-more{
  font-weight:500;
  color:rgba(255,255,255,.74);
}

.lpw-hero-card{
  position:relative;
  padding:28px;
  border-radius:28px;
  color:#fff;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 56px rgba(0,0,0,.22);
  width:100%;
  max-width:500px;
  margin-left:auto;
  overflow:hidden;
}

.lpw-hero-card:before{
  content:"";
  position:absolute;
  top:-90px;
  right:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.14), transparent 68%);
}

.lpw-hero-card h2{
  position:relative;
  z-index:1;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin:0 0 10px;
  color:#fff;
}

.lpw-hero-card p{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  font-size:15px;
  line-height:1.68;
  color:rgba(255,255,255,.84);
}

.lpw-hero-list{
  position:relative;
  z-index:1;
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.lpw-hero-list li{
  margin:0;
  padding:13px 14px 13px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  font-size:15px;
  line-height:1.48;
  display:flex;
  align-items:center;
  gap:12px;
}

.lpw-hero-list li:before{
  content:"";
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--lpw-purple-soft),#fff);
}

/* ABOUT LPW */

.lpw-overview{
  position:relative;
  overflow:hidden;
  background:#fff;
  padding-top:84px;
  padding-bottom:64px;
}

.lpw-overview:before{
  content:"";
  position:absolute;
  left:-120px;
  top:10px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(159,53,165,.08), transparent 72%);
  pointer-events:none;
}

.lpw-overview:after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-80px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(159,53,165,.05), transparent 72%);
  pointer-events:none;
}

.lpw-overview-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:24px;
  align-items:stretch;
  margin-bottom:22px;
}

.lpw-overview-head{
  padding:8px 0;
}

.lpw-overview-label-wrap{
  display:flex;
  justify-content:flex-start;
  margin-bottom:18px;
}

.lpw-overview-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--lpw-purple);
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff,#f8f8fb);
  border:1px solid rgba(159,53,165,.14);
  box-shadow:
    0 6px 14px rgba(12,12,18,.04),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.lpw-overview-label:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--lpw-purple),var(--lpw-purple-dark));
  box-shadow:0 0 10px rgba(159,53,165,.4);
}

.lpw-overview-heading{
  margin:0;
  color:var(--lpw-text);
}

.lpw-overview-heading .is-main{
  display:block;
  font-size:clamp(46px,5vw,78px);
  line-height:1;
  letter-spacing:.01em;
  color:var(--lpw-text);
}

.lpw-overview-heading .is-soft{
  display:block;
  margin-top:10px;
  font-size:clamp(28px,3vw,46px);
  line-height:1.08;
  font-weight:700;
  color:#727782;
  letter-spacing:-.04em;
}

.lpw-overview-intro-card{
  position:relative;
  padding:28px 26px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(159,53,165,.98), rgba(92,28,101,.98) 58%, rgba(36,13,40,.98));
  color:#fff;
  box-shadow:0 24px 54px rgba(92,28,101,.18);
  overflow:hidden;
}

.lpw-overview-intro-card:before{
  content:"";
  position:absolute;
  top:-90px;
  right:-80px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.16), transparent 68%);
}

.lpw-overview-intro,
.lpw-overview-intro-sub{
  position:relative;
  z-index:1;
}

.lpw-overview-intro{
  margin:0;
  font-size:18px;
  line-height:1.76;
  color:#fff;
}

.lpw-overview-intro-line{
  position:relative;
  z-index:1;
  width:100%;
  height:1px;
  margin:18px 0 16px;
  background:rgba(255,255,255,.18);
}

.lpw-overview-intro-sub{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:rgba(255,255,255,.84);
}

.lpw-overview-cards{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.lpw-overview-card{
  height:100%;
  padding:26px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, #fff, #fbfbfd);
  border:1px solid rgba(18,19,25,.08);
  box-shadow:var(--lpw-shadow-sm);
  transition:var(--lpw-transition);
}

.lpw-overview-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--lpw-shadow);
  border-color:rgba(159,53,165,.12);
}

.lpw-overview-card-kicker{
  display:inline-block;
  margin-bottom:12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:var(--lpw-purple);
}

.lpw-overview-card h3{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.03em;
  color:var(--lpw-text);
}

.lpw-overview-card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--lpw-text-soft);
}

/* VALUES */

.lpw-values{
  background:linear-gradient(180deg, #fff 0%, #fbfbfd 100%);
  padding-top:68px;
  padding-bottom:80px;
}

.lpw-values-head{
  max-width:860px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:28px;
}

.lpw-values-label,
.lpw-process-label,
.lpw-cta-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--lpw-purple);
  margin-bottom:16px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(159,53,165,.10);
  box-shadow:0 8px 18px rgba(12,12,18,.03);
}

.lpw-values-label:before,
.lpw-process-label:before,
.lpw-cta-label:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--lpw-purple),var(--lpw-purple-dark));
}

.lpw-values-title{
  margin:0 0 10px;
  font-size:clamp(40px,4.5vw,68px);
  line-height:1.02;
  letter-spacing:.02em;
  color:var(--lpw-text);
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.lpw-values-copy{
  margin:0 auto;
  max-width:720px;
  font-size:17px;
  line-height:1.72;
  color:var(--lpw-text-soft);
}

.lpw-values-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.lpw-value-card{
  padding:24px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(18,19,25,.06);
  box-shadow:var(--lpw-shadow-sm);
  transition:var(--lpw-transition);
}

.lpw-value-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--lpw-shadow);
  border-color:rgba(159,53,165,.12);
}

.lpw-value-card h3{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.03em;
  color:var(--lpw-text);
}

.lpw-value-card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--lpw-text-soft);
}

/* PROCESS */

.lpw-process{
  background:#fff;
  padding-top:68px;
  padding-bottom:82px;
}

.lpw-process-head{
  max-width:860px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:28px;
}

.lpw-process-title{
  margin:0 0 10px;
  font-size:clamp(40px,4.5vw,68px);
  line-height:1.02;
  letter-spacing:.02em;
  color:var(--lpw-text);
}

.lpw-process-copy{
  margin:0 auto;
  max-width:720px;
  font-size:17px;
  line-height:1.72;
  color:var(--lpw-text-soft);
}

.lpw-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.lpw-process-card{
  padding:24px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, #fff, #fbfbfd);
  border:1px solid rgba(18,19,25,.08);
  box-shadow:var(--lpw-shadow-sm);
  transition:var(--lpw-transition);
}

.lpw-process-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--lpw-shadow);
  border-color:rgba(159,53,165,.12);
}

.lpw-process-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:16px;
  margin-bottom:14px;
  background:linear-gradient(180deg,#fafafe,#f1f1f5);
  color:var(--lpw-text);
  font-size:16px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(18,19,25,.06), 0 8px 18px rgba(0,0,0,.04);
}

.lpw-process-card h3{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.03em;
  color:var(--lpw-text);
}

.lpw-process-card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--lpw-text-soft);
}

@media(max-width:1100px){
  .lpw-overview,
  .lpw-values,
  .lpw-process,
  .lpw-final-cta{
    padding:72px 0;
  }

  .lpw-hero-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .lpw-overview-shell{
    grid-template-columns:1fr;
    gap:18px;
  }

  .lpw-overview-cards,
  .lpw-values-grid,
  .lpw-process-grid{
    grid-template-columns:1fr 1fr;
  }

  .lpw-hero-inner{
    padding:156px 30px 84px;
  }

  .lpw-hero-card{
    max-width:100%;
    margin-left:0;
  }
}

@media(max-width:767px){
  .lpw-hero-inner{
    padding:142px 20px 70px;
  }

  .lpw-hero h1{
    font-size:44px;
    max-width:500px;
  }

  .lpw-hero h1 span{
    white-space:normal;
  }

  .lpw-hero p{
    font-size:17px;
    line-height:1.66;
  }

  .lpw-clients-list{
    font-size:17px;
    gap:10px;
  }

  .lpw-clients-list span:not(:last-child)::after{
    margin-left:10px;
  }

  .lpw-hero-card{
    padding:24px 22px;
    border-radius:22px;
  }

  .lpw-overview,
  .lpw-values,
  .lpw-process{
    padding-top:58px;
    padding-bottom:34px;
  }

  .lpw-overview-cards,
  .lpw-values-grid,
  .lpw-process-grid{
    grid-template-columns:1fr;
  }

  .lpw-overview-heading .is-main,
  .lpw-values-title,
  .lpw-process-title,
  .lpw-final-cta h2{
    font-size:42px;
  }

  .lpw-overview-heading .is-soft{
    font-size:26px;
  }

  .lpw-overview-intro,
  .lpw-values-copy,
  .lpw-process-copy,
  .lpw-final-cta p{
    font-size:17px;
  }

  .lpw-overview-intro-card,
  .lpw-overview-card,
  .lpw-value-card,
  .lpw-process-card{
    padding:22px 20px;
    border-radius:22px;
  }

  .lpw-overview-card h3,
  .lpw-value-card h3,
  .lpw-process-card h3{
    font-size:24px;
  }
}