:root{
  --phonme-pink:#f72568;
  --phonme-purple:#7431c6;
  --phonme-dark:#1d1a22;
  --phonme-text:#343434;
  --phonme-turquoise:#17b9c7;
  --phonme-border:rgba(255,255,255,.35);
  --phonme-shadow:0 24px 60px rgba(44,26,58,.16);
}

.phonme-page{
  color:var(--phonme-text);
  background:
    radial-gradient(circle at 12% 12%, rgba(247,37,104,.10), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(116,49,198,.10), transparent 24%),
    linear-gradient(180deg, #fffdfd 0%, #fff7fb 100%);
  padding:34px 16px 84px !important;
}

.phonme-hero-wrap{
  padding:14px 0 34px;
}

.phonme-hero{
  gap:26px;
  position:relative;
}

.phonme-hero-image-column{
  position:relative;
}

.phonme-main-photo img{
  width:100%;
  min-height:680px;
  object-fit:cover;
  border-radius:30px;
  box-shadow:var(--phonme-shadow);
}

.phonme-hero-text-column{
  position:relative;
  z-index:2;
  margin-right:-70px;
}

.phonme-glass-card{
  padding:28px 28px 26px;
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--phonme-border);
  border-radius:28px;
  box-shadow:var(--phonme-shadow);
}

.phonme-eyebrow{
  margin-bottom:10px;
  color:var(--phonme-turquoise);
  font-size:.84rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.phonme-glass-card h1{
  margin-top:0;
  margin-bottom:18px;
  font-size:clamp(2rem, 3vw, 3.4rem);
  line-height:1.12;
  color:var(--phonme-dark);
}

.phonme-content{
  max-width:1120px;
}

.phonme-content h2{
  font-size:clamp(1.8rem, 2.4vw, 2.6rem);
  margin-bottom:18px;
}

.phonme-content p{
  font-size:1.05rem;
  line-height:1.8;
}

.phonme-highlight-box{
  margin:28px 0 14px;
  padding:24px 26px;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,240,255,.92));
  border-radius:22px;
  box-shadow:0 12px 34px rgba(64,31,96,.10);
}

.phonme-columns{
  gap:24px;
  margin-top:20px;
}

.phonme-card{
  padding:26px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 40px rgba(58,26,82,.08);
}

.phonme-card h3{
  margin-top:0;
  margin-bottom:14px;
  color:var(--phonme-purple);
  font-size:1.35rem;
}

.phonme-closing{
  margin-top:28px;
  padding:28px 20px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(247,37,104,.08), rgba(116,49,198,.08));
}

@media (max-width: 960px){
  .phonme-hero{
    gap:18px;
  }
  .phonme-hero-text-column{
    margin-right:-30px;
  }
  .phonme-main-photo img{
    min-height:580px;
  }
}

@media (max-width: 781px){
  .phonme-page{
    padding:20px 12px 60px !important;
  }
  .phonme-hero-wrap{
    padding-top:6px;
  }
  .phonme-hero{
    gap:0;
  }
  .phonme-hero-text-column{
    margin-right:0;
    order:1;
  }
  .phonme-hero-image-column{
    order:2;
    margin-top:18px;
  }
  .phonme-glass-card{
    padding:22px 18px;
  }
  .phonme-glass-card h1{
    font-size:1.9rem;
  }
  .phonme-main-photo img{
    min-height:auto;
    max-height:none;
  }
  .phonme-content p{
    font-size:1rem;
  }
  .phonme-highlight-box,
  .phonme-card,
  .phonme-closing{
    padding:20px 18px;
  }
}