.pearl-hero{
  background:linear-gradient(135deg,#f5e6ea 0%,#eef6f8 40%,#e8f0f8 70%,#f0e8f0 100%);
  padding:3.5rem 0 3rem;position:relative;overflow:hidden;
}
.pearl-hero::before{
  content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(184,224,232,.4) 0%,transparent 70%);pointer-events:none;
}
.pearl-hero::after{
  content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,200,212,.35) 0%,transparent 70%);pointer-events:none;
}
.pearl-hero .container{position:relative;z-index:1}
.pearl-layout{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;margin:0 auto}
.pearl-layout h1{font-size:clamp(1.45rem,3.5vw,2.05rem);font-weight:800;line-height:1.35;margin-bottom:1rem;color:#4a4050}
.pearl-layout h1 em{font-style:normal;background:linear-gradient(135deg,#c898a8,#7a9aa8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pearl-tag{display:inline-block;background:rgba(255,255,255,.7);border:1px solid rgba(184,224,232,.6);color:#7a9aa8;font-size:.72rem;font-weight:700;padding:.3rem .75rem;border-radius:999px;margin-bottom:.85rem;letter-spacing:.06em}
.pearl-desc{font-size:.95rem;color:#8a7888;margin-bottom:1.35rem;max-width:540px}
.pearl-btns{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-bottom:1.5rem}
.btn-pearl{display:inline-block;background:linear-gradient(135deg,#e8c8d4,#b8e0e8);color:#4a4050!important;padding:.55rem 1.4rem;font-weight:800;font-size:.9rem;border-radius:999px;text-decoration:none!important}
.btn-pearl:hover{opacity:.92}
.btn-shell{display:inline-block;background:#fff;color:#7a9aa8!important;padding:.5rem 1.25rem;font-weight:700;font-size:.88rem;border-radius:999px;text-decoration:none!important;border:1px solid rgba(184,224,232,.6)}
.pearl-stats{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}
.pearl-stat{background:rgba(255,255,255,.85);border-radius:16px;padding:.65rem 1.1rem;min-width:90px;border:1px solid rgba(232,200,212,.4)}
.pearl-stat strong{display:block;font-size:1.15rem;font-weight:900;background:linear-gradient(135deg,#c898a8,#7a9aa8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pearl-stat span{font-size:.68rem;color:#8a7888}
.pearl-showcase{width:100%;max-width:480px;margin:0 auto;border-radius:24px;overflow:hidden;border:2px solid rgba(255,255,255,.8);padding:6px;background:linear-gradient(135deg,rgba(245,230,234,.6),rgba(184,224,232,.4))}

.pearl-arc{padding-top:0}
.arc-row{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;flex-wrap:wrap;padding:0 1rem}
.pearl-shell{
  flex:1;min-width:200px;max-width:280px;background:#fff;border-radius:24px 24px 8px 8px;
  padding:1.5rem 1.25rem 1.35rem;text-align:center;border:1px solid rgba(184,224,232,.35);
  position:relative;margin-top:1rem;
}
.pearl-shell:nth-child(1){margin-top:2.5rem}
.pearl-shell:nth-child(2){margin-top:0;transform:scale(1.05);border-color:rgba(232,200,212,.5);background:linear-gradient(180deg,#fff,#faf6f8)}
.pearl-shell:nth-child(3){margin-top:2.5rem}
.shell-gem{width:32px;height:32px;margin:0 auto .75rem;border-radius:50%;background:linear-gradient(135deg,#f5e6ea,#b8e0e8,#e8c8d4);border:2px solid rgba(255,255,255,.8)}
.pearl-shell h3{font-size:1rem;font-weight:800;margin-bottom:.4rem;color:#4a4050}
.pearl-shell p{font-size:.86rem;color:#8a7888;line-height:1.6}

.ribbon-path{background:#fff;border-radius:24px;padding:2rem 1.5rem;margin:0 auto;max-width:800px;border:1px solid rgba(184,224,232,.3)}
.ribbon-track{display:flex;justify-content:space-between;align-items:center;position:relative}
.ribbon-track::before{
  content:"";position:absolute;top:50%;left:5%;right:5%;height:3px;
  background:linear-gradient(90deg,#e8c8d4,#b8e0e8,#e8c8d4);border-radius:3px;
}
.ribbon-knot{flex:1;text-align:center;position:relative;z-index:1;padding:0 .5rem}
.knot-dot{width:40px;height:40px;margin:0 auto .7rem;border-radius:50%;background:linear-gradient(135deg,#e8c8d4,#b8e0e8);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;color:#4a4050;border:3px solid #fff}
.ribbon-knot h3{font-size:.94rem;font-weight:800;margin-bottom:.35rem;color:#4a4050}
.ribbon-knot p{font-size:.82rem;color:#8a7888;max-width:180px;margin:0 auto}

.lustre-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:900px;margin:0 auto}
.lustre-panel{background:#fff;border-radius:20px;padding:1.3rem 1.35rem;border:1px solid rgba(232,200,212,.35)}
.lustre-head{font-size:.72rem;font-weight:800;color:#a898a8;letter-spacing:.1em;margin-bottom:.65rem}
.lustre-panel h3{font-size:1rem;font-weight:800;margin-bottom:.6rem;color:#4a4050}
.lustre-panel li{padding:.32rem 0 .32rem 1.2rem;font-size:.88rem;color:#8a7888;position:relative}
.lustre-panel li::before{content:"◆";position:absolute;left:0;font-size:.55rem;color:#b8a0b0;top:.5rem}

.finish-cta{
  background:linear-gradient(135deg,#e8c8d4 0%,#b8e0e8 50%,#d4c8e8 100%);
  text-align:center;padding:3rem 1.5rem;border-radius:24px;max-width:900px;margin:0 auto;
}
.finish-cta h2{font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;margin-bottom:.55rem;color:#4a4050}
.finish-cta p{font-size:.9rem;color:#6a5868;margin-bottom:1.25rem}
.finish-cta .btn-pearl{background:#fff;color:#4a4050!important;border:1px solid rgba(184,224,232,.5)}

@media(max-width:768px){
  .arc-row{flex-direction:column;align-items:center}
  .pearl-shell,.pearl-shell:nth-child(1),.pearl-shell:nth-child(3){margin-top:0;transform:none;max-width:100%}
  .ribbon-track{flex-direction:column;gap:1.5rem}
  .ribbon-track::before{display:none}
  .lustre-duo{grid-template-columns:1fr}
}