/* =========================================================
           TESTIMONIAL / TOPPER CARD + REVIEW STARS
           ========================================================= */
        .topper-card{background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:24px; height:100%;}
        .topper-card .rank{font-family:var(--font-mono); font-size:11px; color:var(--gold-dark); letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; display:block;}
        .topper-card p{font-size:14.5px; color:var(--ink-text); margin-bottom:18px;}
        .topper-card__who{display:flex; align-items:center; gap:10px;}
        .topper-card__avatar{width:40px; height:40px; border-radius:50%; background:var(--ink-tint); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; color:var(--ink); flex-shrink:0;}
        .topper-card__who strong{display:block; font-size:14px;}
        .topper-card__who span{display:block; font-size:12px; color:var(--muted);}
        .review-stars{color:var(--gold); font-size:13px; letter-spacing:2px; margin-bottom:14px;}
        
        /* =========================================================
           CALL TO ACTION (section--ink)
           ========================================================= */
        .cta-box{
          display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
          background:linear-gradient(135deg, rgba(198,138,46,.10), rgba(255,255,255,.02));
          border:1px solid rgba(255,255,255,.1); border-radius:var(--r-lg);
          padding:44px;
        }
        .cta-content{max-width:560px;}
        .cta-content h2{margin:10px 0 12px; color:#fff;}
        .cta-content p{margin:0; color:#B9C9D4;}
        .cta-actions{display:flex; gap:14px; flex-wrap:wrap;}
        @media (max-width: 767px){
          .cta-box{padding:30px; flex-direction:column; align-items:flex-start;}
        }
        
   
   
        
        /* =========================================================
           MISC
           ========================================================= */
        .divider-dash{border:none; border-top:1px dashed var(--line); margin:0;}
        .badge-verified{
          display:inline-flex; align-items:center; gap:6px;
          font-family:var(--font-mono); font-size:11.5px; color:var(--success);
          background:var(--success-tint); padding:5px 10px; border-radius:999px; font-weight:600;
        }
        .skeleton{background:linear-gradient(90deg, var(--line-soft) 25%, var(--paper) 37%, var(--line-soft) 63%); background-size:400% 100%; animation:sk 1.4s ease infinite;}
        @keyframes sk{0%{background-position:100% 50%;}100%{background-position:0 50%;}}
        
        .breadcrumb-hip{font-family:var(--font-mono); font-size:12.5px; color:var(--muted); display:flex; gap:8px; align-items:center; margin-bottom:18px;}
        .breadcrumb-hip a:hover{color:var(--ink);}
        .breadcrumb-hip .sep{opacity:.5;}
        
        .page-head{background:var(--ink-tint); padding:34px 0 30px; border-bottom:1px solid var(--line);}
        .page-head h1{font-size:clamp(26px,3vw,36px); margin:0 0 8px;}
        .page-head p{color:var(--muted); margin:0; max-width:560px;}
        
        .icon{width:1em;height:1em; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:-2px;}