@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--pink:#e86f9d;--deep:#a94370;--blush:#fff0f5;--cream:#fffaf7;--ink:#30282c;--muted:#756b70;--line:#eadde2}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-family:'Playfair Display',serif;font-size:1.35rem;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:var(--pink);color:#fff;border-radius:50%;width:35px;height:35px;margin-right:8px}.brand b{color:var(--deep)}nav{display:flex;gap:25px;font-size:.88rem;font-weight:600}nav a{padding:27px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--deep);border-color:var(--pink)}.menu{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:650px;padding:90px 9%;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;background:radial-gradient(circle at 75% 25%,#ffdbe8,transparent 34%),linear-gradient(135deg,#fffaf7,#fff0f5)}.eyebrow{letter-spacing:2px;font-weight:700;font-size:.72rem;color:var(--deep);margin:0 0 15px}.hero h1,.page-hero h1{font:600 clamp(3.2rem,6vw,5.8rem)/1.05 'Playfair Display',serif;margin:0 0 25px}.hero h1 em,.page-hero h1 em{color:var(--pink)}.lead{font-size:1.15rem;color:var(--muted);max-width:600px}.buttons{display:flex;gap:13px;margin-top:30px}.btn{display:inline-block;padding:13px 23px;border-radius:30px;font-weight:700;border:1px solid var(--pink)}.primary{background:var(--pink);color:#fff}.ghost{color:var(--deep);background:#fff}.light{background:#fff;color:var(--deep);border:0}.passport-card{background:#fff;border:1px solid #ead8df;border-radius:24px;padding:42px;box-shadow:0 25px 60px #b45b7b22;transform:rotate(2deg)}.stamp{display:inline-block;border:2px dashed var(--pink);border-radius:50%;padding:20px;color:var(--pink);font-weight:800;text-align:center;transform:rotate(-8deg);font-size:.75rem}.bracelet-art{position:relative;margin:50px 0 35px;display:flex;justify-content:center;gap:8px;align-items:center}.chain{position:absolute;width:90%;height:8px;background:#c6c6c6;border-radius:20px;z-index:0}.charm{z-index:1;width:58px;height:58px;background:linear-gradient(#fff,#eee);border:1px solid #bbb;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 4px 9px #0002}.passport-card>p{text-align:center;font-size:.68rem;letter-spacing:2px;color:#888}.intro{padding:95px 9%;text-align:center}.intro>p:not(.eyebrow){max-width:760px;margin:0 auto 45px;color:var(--muted)}h2{font:600 2.3rem/1.2 'Playfair Display',serif;margin:0 0 15px}.feature-grid,.values,.product-grid,.steps,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article,.values article,.product,.contact-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;text-align:left}.feature-grid span,.contact-card span{font-size:2rem}.feature-grid h3{margin:10px 0 5px}.feature-grid p,.product p,.contact-card p{color:var(--muted);font-size:.94rem}.pink-band{background:var(--pink);color:#fff;padding:65px 9%;display:flex;justify-content:space-between;align-items:center}.pink-band .eyebrow{color:#fff}.pink-band h2{font-size:2.5rem}.page-hero{text-align:center;padding:90px 9% 65px;background:linear-gradient(135deg,#fff,#fff0f5)}.page-hero p:last-child{max-width:650px;margin:0 auto;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 9%;align-items:center}.paper-map{height:360px;border-radius:25px;background:#f8dce7;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 70px #fff6}.paper-map span{font-size:6rem}.values{padding:0 9% 90px}.values b{color:var(--pink)}.product-grid{padding:0 9% 80px}.product{min-height:360px}.product-icon{font-size:3rem;margin-bottom:15px}.tag{font-size:.68rem!important;letter-spacing:2px;color:var(--deep)!important;font-weight:700}.product a,.contact-card a{color:var(--deep);font-weight:700}.how{background:#fff0f5;padding:75px 9%;text-align:center}.steps{margin-top:35px}.steps div{background:#fff;border-radius:18px;padding:25px;text-align:left}.steps b{display:grid;place-items:center;width:38px;height:38px;background:var(--pink);color:#fff;border-radius:50%}.gallery{padding:0 9% 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo{height:260px;border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;background:#f6d8e3;font-size:1.1rem}.photo span{font-size:4rem;align-self:center;margin:auto}.p2,.p5{background:#f8e7d5}.p3,.p6{background:#e4eef3}.price-list{max-width:850px;margin:0 auto;padding:0 6% 45px}.price-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.price-row div{display:grid;grid-template-columns:45px 1fr;column-gap:15px}.price-row span{grid-row:span 2;color:var(--pink);font-weight:800}.price-row h2{font-size:1.35rem;margin:0}.price-row p{grid-column:2;margin:3px 0;color:var(--muted)}.price-row strong{font-size:1.2rem;color:var(--deep)}.notice{max-width:850px;margin:0 auto 90px;background:#fff0f5;padding:20px 25px;border-radius:14px}.form-wrap{padding:0 9% 90px;display:grid;grid-template-columns:1.3fr .7fr;gap:7%;max-width:1100px;margin:auto}form{background:#fff;border:1px solid var(--line);padding:35px;border-radius:20px}label{display:block;font-weight:700;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d9cbd1;border-radius:10px;font:inherit;background:#fff}textarea{resize:vertical}form .btn{cursor:pointer;font:700 .95rem 'DM Sans'}.form-wrap aside{background:#fff0f5;padding:35px;border-radius:20px}.form-wrap li{margin:12px 0}.contact-grid{padding:0 9% 100px}.contact-card{text-align:center}.contact-card a{display:block;margin-top:12px}footer{background:#30282c;color:#fff;padding:45px 9%;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}footer strong{font:600 1.5rem 'Playfair Display'}footer p{color:#c9bdc2;margin:5px 0}footer>div:nth-child(2){display:flex;gap:20px;font-size:.9rem}.copyright{font-size:.75rem;text-align:right}
@media(max-width:900px){nav{display:none}.menu{display:block}.hero,.split,.form-wrap{grid-template-columns:1fr}.feature-grid,.values,.product-grid,.steps,.contact-grid,.gallery{grid-template-columns:1fr}.hero{padding-top:60px}.passport-card{max-width:520px}.pink-band{display:block}.pink-band .btn{margin-top:20px}footer{grid-template-columns:1fr}.copyright{text-align:left}.price-row p{font-size:.85rem}}


/* Meet the Creators */
.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.creator-card{background:rgba(255,255,255,.92);border:1px solid rgba(194,135,161,.25);border-radius:24px;padding:1.5rem;box-shadow:0 12px 30px rgba(82,47,65,.08)}
.creator-photo-placeholder{width:120px;height:120px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8dce5,#f0f8fc);color:#c96f8e;font-size:2.5rem;font-weight:700}
.creator-role{font-weight:700;color:#cf7894;margin-bottom:1rem}
@media(max-width:900px){.creator-grid{grid-template-columns:1fr}.creator-card{max-width:650px;margin:0 auto}}

/* Charm The World logo-inspired palette */
:root {
  --logo-pink: #e79ab1;
  --logo-deep-pink: #cf7894;
  --logo-blush: #f8dce5;
  --logo-blue: #f0f8fc;
  --logo-white: #ffffff;
}

body {
  background: linear-gradient(180deg, var(--logo-white) 0%, var(--logo-blush) 100%);
}

a { color: var(--logo-deep-pink); }
a:hover { color: var(--logo-pink); }

.logo-image {
  height: 72px;
  width: auto;
  object-fit: contain;
}

.creator-card {
  background: rgba(255,255,255,.95);
  border-color: rgba(231,154,177,.45);
}

.creator-photo-placeholder {
  background: linear-gradient(135deg, var(--logo-blush), var(--logo-blue));
  color: var(--logo-deep-pink);
}

.creator-role { color: var(--logo-deep-pink); }

/* Updated gender-neutral blue + white palette */
:root {
  --logo-pink: #e79ab1;
  --logo-deep-pink: #c96f8e;
  --logo-blush: #f4e8ee;
  --logo-blue: #eaf6fb;
  --logo-blue-dark: #86b6cc;
  --logo-white: #ffffff;
  --neutral-blue: #f5fafc;
}

body {
  background: linear-gradient(180deg, #ffffff 0%, #f5fafc 55%, #eaf6fb 100%);
  color: #3f5663;
}

.site-header, header {
  background: rgba(255,255,255,.98);
}

main, .section {
  background: transparent;
}

.creator-card {
  background: rgba(255,255,255,.97);
  border-color: rgba(107,159,189,.28);
  box-shadow: 0 12px 30px rgba(76,112,132,.10);
}

.creator-photo-placeholder {
  background: linear-gradient(135deg, #f5fafc, #eaf6fb);
  color: #86b6cc;
}

.creator-role {
  color: #86b6cc;
}

button, .button, .btn {
  background: #86b6cc;
  border-color: #86b6cc;
}

button:hover, .button:hover, .btn:hover {
  background: #78a9bf;
  border-color: #78a9bf;
}

a {
  color: #78aabd;
}

a:hover {
  color: #c96f8e;
}

/* Keep the supplied logo as the only visible brand logo. */
.logo-image {
  height: 72px;
  width: auto;
  object-fit: contain;
}

/* Header: use only the supplied Charm The World logo */
header > a:first-child {
  display: flex;
  align-items: center;
}

.logo-image {
  height: 62px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Modern jewellery-style typography */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.01em;
}

h1, h2, h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.18;
}

h1 {
  letter-spacing: 0.10em;
}

h2 {
  letter-spacing: 0.09em;
}

h3 {
  letter-spacing: 0.07em;
}

nav a,
.nav a,
header a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.06em;
}

.eyebrow {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.78rem;
  font-weight: 600;
}

button, .button, .btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 600;
}

p {
  line-height: 1.7;
}

.creator-role {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.82rem;
}

.section-heading {
  max-width: 850px;
}

.hero h1 {
  max-width: 760px;
  letter-spacing: 0.11em;
}

.hero p {
  max-width: 650px;
}

/* Centre the supplied logo with the Charm The World name at the top */
header {
  position: relative;
}

.brand-centre {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: max-content;
  margin: 0 auto;
  text-decoration: none;
  color: #cf7894;
}

.brand-centre .logo-image {
  height: 68px;
  width: auto;
  display: block;
}

.brand-name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #cf7894;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .brand-centre {
    gap: 9px;
  }

  .brand-centre .logo-image {
    height: 54px;
  }

  .brand-name {
    font-size: 1.05rem;
    letter-spacing: 0.05em;
  }
}

/* Softer blue to balance the logo's pink */
body {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfd 58%, #eef8fb 100%);
}

.creator-card {
  border-color: rgba(134,182,204,.22);
}

.creator-photo-placeholder {
  background: linear-gradient(135deg, #f8fcfd, #eaf6fb);
}

.creator-role {
  color: #86b6cc;
}


.instagram-detail {
  margin: 18px 0;
  padding: 14px 18px;
  border-radius: 12px;
}
.instagram-detail strong {
  display: block;
  margin-bottom: 5px;
}
.instagram-detail a {
  text-decoration: none;
  font-weight: 600;
}