
  :root{
    --wp-blue: #1596d6;
    --wp-blue-dark: #0d6ea8;
    --wp-pink: #e6007e;
    --wp-pink-light: #ff5ca8;
    --wp-ink: #1f2430;
    --wp-cream: #fbfaf8;
  }
  html{scroll-behavior:smooth;}
  body{font-family:'Poppins', sans-serif; color:var(--wp-ink); background:var(--wp-cream);}
  h1,h2,h3,.display-font{font-family:'Playfair Display', serif;}
  a{color:var(--wp-pink);}
  a:hover{color:var(--wp-blue-dark);}

  .brand-strip{
    background:linear-gradient(90deg,var(--wp-blue-dark),var(--wp-pink));
    color:#fff;
    font-size:.85rem;
    padding:.5rem 0;
    text-align:center;
    font-weight:500;
    letter-spacing:.02em;
  }
  .brand-strip a{color:#fff; text-decoration:underline;}

  .navbar-wedpic{background:#ffffff; border-bottom:1px solid #eee;}
  .navbar-wedpic .navbar-brand{font-family:'Playfair Display', serif; font-weight:800; font-size:1.5rem; color:var(--wp-ink); line-height:1;}
  .navbar-wedpic .brand-pink{color:var(--wp-pink);}
  .navbar-wedpic .brand-blue{color:var(--wp-blue);}
  .navbar-wedpic .nav-link{font-weight:500; color:var(--wp-ink);}
  .navbar-wedpic .nav-link:hover{color:var(--wp-pink);}
  .btn-wedpic{
    background:linear-gradient(90deg,var(--wp-pink),var(--wp-blue));
    color:#fff; border:none; font-weight:600; padding:.6rem 1.4rem; border-radius:50px;
  }
  .btn-wedpic:hover{opacity:.9;color:#fff;}

  .hero{
    background:
      radial-gradient(circle at 15% 20%, rgba(230,0,126,.12), transparent 40%),
      radial-gradient(circle at 85% 30%, rgba(21,150,214,.14), transparent 45%),
      #ffffff;
    padding:4rem 0 3rem;
    border-bottom:1px solid #f0f0f0;
  }
  .hero .eyebrow{letter-spacing:.12em; text-transform:uppercase; font-size:.8rem; font-weight:600; color:var(--wp-pink);}
  .hero h1{font-weight:800; font-size:2.5rem; line-height:1.2; color:var(--wp-ink);}
  .hero h1 .accent{color:var(--wp-blue);}
  .hero p.lead{color:#555; font-weight:300;}

  .section-eyebrow{text-transform:uppercase; letter-spacing:.1em; font-size:.78rem; font-weight:600; color:var(--wp-blue-dark);}
  section h2{font-weight:700; color:var(--wp-ink);}
  .divider-heart{width:46px;height:3px; background:var(--wp-pink); border-radius:2px; margin:.5rem 0 1.2rem;}

  .featured-card{
    background:#fff;
    border:2px solid var(--wp-pink);
    border-radius:20px;
    padding:2rem;
    position:relative;
    box-shadow:0 20px 40px rgba(230,0,126,.12);
  }
  .rank-badge{
    position:absolute;
    top:-18px; left:24px;
    background:linear-gradient(135deg,var(--wp-pink),var(--wp-blue));
    color:#fff;
    font-weight:700;
    font-size:.85rem;
    padding:.4rem 1rem;
    border-radius:50px;
    box-shadow:0 6px 14px rgba(0,0,0,.15);
  }
  .featured-tag{
    display:inline-block;
    background:#fff0f7;
    color:var(--wp-pink);
    font-size:.75rem;
    font-weight:600;
    padding:.25rem .7rem;
    border-radius:50px;
    margin-bottom:.6rem;
  }
  .featured-card img.logo-thumb{max-width:120px;}

  .rank-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:1.6rem;
    height:100%;
    display:flex;
    gap:1rem;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .rank-card:hover{transform:translateY(-4px); box-shadow:0 12px 24px rgba(21,150,214,.1);}
  .rank-num{
    font-family:'Playfair Display', serif;
    font-weight:800;
    font-size:1.8rem;
    color:var(--wp-blue);
    opacity:.55;
    min-width:44px;
  }
  .rank-card h3{font-size:1.05rem; margin-bottom:.3rem;}

  .gallery-img{width:100%; height:240px; object-fit:cover; border-radius:14px; display:block; transition:transform .3s ease;}
  .gallery-item{overflow:hidden; border-radius:14px; position:relative;}
  .gallery-item:hover .gallery-img{transform:scale(1.06);}
  .gallery-caption{position:absolute; left:0;right:0;bottom:0; padding:.9rem 1rem; background:linear-gradient(0deg, rgba(0,0,0,.55), transparent); color:#fff; font-size:.85rem; font-weight:500;}

  .testimonial-card{background:#fff; border-radius:16px; padding:1.8rem; border-left:4px solid var(--wp-pink); height:100%;}
  .avatar-img{width:52px;height:52px; border-radius:50%; object-fit:cover; margin-bottom:.8rem; border:2px solid var(--wp-pink);}
  .testimonial-name{font-weight:600;color:var(--wp-ink);}
  .testimonial-role{font-size:.85rem;color:#888;}

  .accordion-button:not(.collapsed){color:var(--wp-pink); background:#fff0f7;}
  .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(230,0,126,.15);}

  .cta-band{background:linear-gradient(90deg,var(--wp-blue-dark),var(--wp-pink)); color:#fff; border-radius:20px; padding:3rem 2rem;}
  .cta-band h2{color:#fff;}

  footer{background:var(--wp-ink); color:#cfd3da;}
  footer a{color:#fff;}
  footer .brand-pink{color:var(--wp-pink-light);}
  footer .brand-blue{color:#7fd4ff;}

  .toc{background:#fff; border:1px solid #eee; border-radius:14px; padding:1.4rem 1.6rem;}
  .toc a{display:block; padding:.25rem 0; color:var(--wp-ink); font-weight:500; text-decoration:none;}
  .toc a:hover{color:var(--wp-pink);}
