/* BunnyHop — Meet Bunny Page | public/css/buddy.css
   Storybook design. Font Awesome 6. Zero emojis.   */

/* ── Keyframes ───────────────────────────────────────── */
@keyframes bh-bu-float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes bh-bu-float-sm { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes bh-bu-twinkle  { 0%,100%{opacity:.3;transform:scale(.8)} 50%{opacity:1;transform:scale(1)} }
@keyframes bh-bu-pulse    { 0%,100%{transform:scale(1);opacity:.5} 50%{transform:scale(1.18);opacity:.15} }
@keyframes bh-bu-pulse2   { 0%,100%{transform:scale(1);opacity:.3} 50%{transform:scale(1.35);opacity:.1} }
@keyframes bh-bu-heartbeat{ 0%,100%{transform:scale(1)} 14%{transform:scale(1.25)} 28%{transform:scale(1)} 42%{transform:scale(1.15)} 70%{transform:scale(1)} }
@keyframes bh-bu-drift    { 0%{transform:translateX(0)} 50%{transform:translateX(12px)} 100%{transform:translateX(0)} }
@keyframes bh-bu-bubble   { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-6px) scale(1.02)} }
@keyframes bh-bu-spin-slow{ to{transform:rotate(360deg)} }
@keyframes bh-bu-cf-fall  { 0%{transform:translateY(-20px) rotate(0deg);opacity:1} 100%{transform:translateY(80px) rotate(360deg);opacity:0} }

/* ── SHARED ───────────────────────────────────────────── */
.bh-bu-section-lbl {
    display:inline-flex;align-items:center;gap:7px;
    background:#F5F3FF;color:#7C3AED;border:1.5px solid #7C3AED20;
    border-radius:50px;padding:5px 16px;
    font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:14px;
}
.bh-bu-section-lbl i { font-size:12px; }
.bh-bu-section-lbl-center { display:flex;width:fit-content;margin:0 auto 14px; }
.bh-bu-section-title { font-family:'Fredoka',sans-serif;font-size:clamp(24px,3.5vw,38px);font-weight:700;color:#1C1C2E;margin-bottom:12px; }
.bh-bu-section-title-center { text-align:center; }
.bh-bu-section-desc { font-family:'Nunito',sans-serif;font-size:15px;color:#6B7280;line-height:1.75;max-width:600px; }
.bh-bu-section-desc-center { text-align:center;margin:0 auto; }
.bh-bu-helps-head { text-align:center;margin-bottom:52px; }

/* ── HERO ──────────────────────────────────────────────── */
.bh-bu-hero {
    background: linear-gradient(160deg, #4A1D8A 0%, #7C3AED 45%, #9D4FFF 100%);
    padding: 32px 0 0; position: relative; overflow: hidden; min-height: 560px;
}

/* Breadcrumb */
.bh-bu-breadcrumb { display:flex;align-items:center;gap:7px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:24px; }
.bh-bu-breadcrumb a { color:rgba(255,255,255,.72);text-decoration:none;transition:color .2s; }
.bh-bu-breadcrumb a:hover { color:#fff; }
.bh-bu-breadcrumb span { color:#fff; }
.bh-bu-breadcrumb i { font-size:10px;color:rgba(255,255,255,.4); }

/* Floating decorations */
.bh-bu-stars { position:absolute;inset:0;pointer-events:none;overflow:hidden; }
.bh-bu-star  { position:absolute;color:rgba(255,255,255,.5); }
.bh-bu-star i { animation:bh-bu-twinkle 2s ease-in-out infinite; }
.bh-bu-s1 { top:12%;left:5%;font-size:12px; } .bh-bu-s1 i { animation-delay:0s; }
.bh-bu-s2 { top:25%;left:18%;font-size:8px; } .bh-bu-s2 i { animation-delay:.4s; }
.bh-bu-s3 { top:8%;left:35%;font-size:14px; } .bh-bu-s3 i { animation-delay:.8s; }
.bh-bu-s4 { top:20%;right:22%;font-size:10px; } .bh-bu-s4 i { animation-delay:1.2s; }
.bh-bu-s5 { top:5%;right:10%;font-size:16px; } .bh-bu-s5 i { animation-delay:.3s; }
.bh-bu-s6 { top:40%;left:8%;font-size:9px; } .bh-bu-s6 i { animation-delay:1.6s; }
.bh-bu-dot { position:absolute;border-radius:50%;background:rgba(255,255,255,.25);animation:bh-bu-twinkle 3s ease-in-out infinite; }
.bh-bu-d1 { width:8px;height:8px;top:55%;left:12%;animation-delay:.5s; }
.bh-bu-d2 { width:12px;height:12px;top:30%;left:45%;animation-delay:1s; }
.bh-bu-d3 { width:6px;height:6px;top:65%;right:15%;animation-delay:1.5s; }
.bh-bu-heart { position:absolute; }
.bh-bu-heart i { animation:bh-bu-heartbeat 2.5s ease-in-out infinite; }
.bh-bu-h1 { bottom:30%;left:6%;font-size:14px;color:rgba(255,150,200,.7); } .bh-bu-h1 i { animation-delay:0s; }
.bh-bu-h2 { top:60%;right:6%;font-size:10px;color:rgba(255,150,200,.6); } .bh-bu-h2 i { animation-delay:1s; }
.bh-bu-cloud { position:absolute;color:rgba(255,255,255,.12);animation:bh-bu-drift 6s ease-in-out infinite; }
.bh-bu-c1 { top:15%;left:55%;font-size:48px;animation-delay:0s; }
.bh-bu-c2 { top:50%;left:25%;font-size:32px;animation-delay:3s; }

/* Hero layout */
.bh-bu-hero-layout { display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:flex-end;position:relative;z-index:1; }

/* Hero text */
.bh-bu-hero-eyebrow { display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:6px 18px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px; }
.bh-bu-hero-eyebrow i { font-size:13px;color:#FFD700; }
.bh-bu-hero-title { font-family:'Fredoka',sans-serif;font-size:clamp(40px,6vw,72px);font-weight:700;color:#fff;line-height:1;margin-bottom:6px; }
.bh-bu-hero-name { font-size:clamp(56px,8vw,96px);color:#FFD700;display:block;text-shadow:0 4px 24px rgba(255,215,0,.4); }
.bh-bu-hero-tagline { font-family:'Fredoka',sans-serif;font-size:clamp(18px,2.5vw,26px);color:rgba(255,255,255,.85);font-weight:500;margin-bottom:14px; }
.bh-bu-hero-desc { font-family:'Nunito',sans-serif;font-size:15px;color:rgba(255,255,255,.8);line-height:1.75;margin-bottom:22px;max-width:440px; }
.bh-bu-hero-chips { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px; }
.bh-bu-chip { display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:50px;padding:6px 14px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;color:#fff; }
.bh-bu-chip i { font-size:11px;color:#FFD700; }
.bh-bu-hero-cta { display:inline-flex;align-items:center;gap:9px;background:#FFD700;color:#4A1D8A;padding:14px 28px;border-radius:50px;font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 8px 28px rgba(255,215,0,.4);margin-bottom:48px; }
.bh-bu-hero-cta:hover { transform:translateY(-3px);box-shadow:0 14px 40px rgba(255,215,0,.55);color:#4A1D8A; }
.bh-bu-hero-cta i { font-size:15px; }

/* Hero bunny */
.bh-bu-hero-bunny { position:relative;display:flex;align-items:flex-end;justify-content:center;height:440px; }
.bh-bu-bunny-glow { position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.25),transparent 70%);bottom:0;left:50%;transform:translateX(-50%); }
.bh-bu-bunny-ring  { position:absolute;width:300px;height:300px;border-radius:50%;border:2px dashed rgba(255,255,255,.2);bottom:20px;left:50%;transform:translateX(-50%);animation:bh-bu-spin-slow 20s linear infinite; }
.bh-bu-bunny-ring2 { position:absolute;width:360px;height:360px;border-radius:50%;border:1px dashed rgba(255,255,255,.1);bottom:-10px;left:50%;transform:translateX(-50%);animation:bh-bu-spin-slow 30s linear infinite reverse; }
.bh-bu-bunny-img { height:400px;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25));animation:bh-bu-float 4s ease-in-out infinite;position:relative;z-index:2; }
.bh-bu-bunny-ph { width:280px;height:380px;display:flex;align-items:center;justify-content:center;font-size:160px;color:rgba(255,255,255,.25);animation:bh-bu-float 4s ease-in-out infinite; }
/* Speech bubble */
.bh-bu-bubble { position:absolute;top:40px;left:-20px;background:#fff;border-radius:20px 20px 20px 4px;padding:14px 18px;box-shadow:0 8px 28px rgba(0,0,0,.18);font-family:'Fredoka',sans-serif;font-size:16px;font-weight:600;color:#4A1D8A;white-space:nowrap;animation:bh-bu-bubble 3s ease-in-out infinite;z-index:3; }
.bh-bu-bubble-tail { position:absolute;bottom:-10px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #fff; }

/* Wave divider */
.bh-bu-hero-wave { position:relative;margin-top:-2px; }
.bh-bu-hero-wave svg { display:block;width:100%;height:60px; }

/* ── OUR STORY ────────────────────────────────────────── */
.bh-bu-story { background:#FFFDF5;padding:40px 0; }
.bh-bu-story-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start; }
.bh-bu-story-paras p { font-family:'Nunito',sans-serif;font-size:15px;color:#374151;line-height:1.82;margin-bottom:18px; }
.bh-bu-story-paras strong { color:#1C1C2E; }
.bh-bu-story-paras em { color:#7C3AED;font-style:italic; }
/* Story cards */
.bh-bu-story-visual { display:flex;flex-direction:column;gap:14px; }
.bh-bu-story-card { display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:0.5px solid #E5E7EB;transition:all .3s; }
.bh-bu-story-card:hover { transform:translateX(6px);box-shadow:0 8px 28px rgba(0,0,0,.1); }
.bh-bu-sc-icon { width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }
.bh-bu-sc-title { font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;color:#1C1C2E;margin-bottom:2px; }
.bh-bu-sc-desc { font-family:'Nunito',sans-serif;font-size:12.5px;color:#6B7280;line-height:1.5; }

/* ── LETTER ───────────────────────────────────────────── */
.bh-bu-letter-section { background:#FFFDF5;padding:0 0 40px; }
.bh-bu-letter-head { text-align:center;margin-bottom:44px; }
.bh-bu-letter-wrap { display:grid;grid-template-columns:1fr 200px;gap:0;align-items:flex-end;max-width:860px;margin:0 auto; }
/* Parchment card */
.bh-bu-letter-card { background:#FFFEF7;border-radius:24px;padding:44px 48px;box-shadow:0 8px 40px rgba(0,0,0,.10),0 0 0 1px rgba(212,160,23,.2);position:relative;overflow:hidden; }
.bh-bu-letter-card::before { content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent,transparent 31px,#E8DCAA40 31px,#E8DCAA40 32px);pointer-events:none; }
.bh-bu-letter-lines { position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;display:none; }
.bh-bu-letter-content { position:relative;z-index:1; }
.bh-bu-letter-date { font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px; }
.bh-bu-letter-dear { font-family:'Fredoka',sans-serif;font-size:22px;font-weight:700;color:#4A1D8A;margin-bottom:18px; }
.bh-bu-letter-content p { font-family:'Nunito',sans-serif;font-size:15.5px;color:#374151;line-height:1.9;margin-bottom:16px; }
.bh-bu-letter-content p strong { color:#1C1C2E; }
.bh-bu-letter-content p em { color:#7C3AED;font-style:italic;font-weight:700; }
/* Signature */
.bh-bu-letter-sign { margin-top:28px;padding-top:20px;border-top:1px dashed #E8DCAA; }
.bh-bu-letter-sign-with { font-family:'Nunito',sans-serif;font-size:13px;color:#9CA3AF;margin-bottom:4px; }
.bh-bu-letter-sign-name { font-family:'Fredoka',sans-serif;font-size:32px;font-weight:700;color:#4A1D8A;line-height:1; }
.bh-bu-letter-sign-title { font-family:'Nunito',sans-serif;font-size:12px;color:#9CA3AF;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:2px; }
.bh-bu-letter-pawprint { margin-top:10px;font-size:28px;color:#7C3AED;opacity:.4;animation:bh-bu-float-sm 3s ease-in-out infinite; }
/* Bunny beside letter */
.bh-bu-letter-bunny { display:flex;align-items:flex-end;justify-content:center;padding-left:10px; }
.bh-bu-letter-bunny-img { width:180px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));animation:bh-bu-float 4s ease-in-out infinite; }

/* ── HOW BUNNY HELPS ──────────────────────────────────── */
.bh-bu-helps-section { background:#fff;padding:40px 0; }
.bh-bu-helps-list { display:flex;flex-direction:column;gap:24px; }
.bh-bu-help-item { display:grid;gap:24px;border-radius:24px;overflow:hidden;box-shadow:0 6px 28px rgba(0,0,0,.07);border:0.5px solid #E5E7EB;transition:all .3s; }
.bh-bu-help-item:hover { transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.12); }
.bh-bu-hi-left  { grid-template-columns:1fr 240px; }
.bh-bu-hi-right { grid-template-columns:240px 1fr; }
.bh-bu-hi-content { padding:36px 36px 36px 40px;background:#fff;display:flex;flex-direction:column;justify-content:center; }
.bh-bu-hi-right .bh-bu-hi-content { padding-left:36px;padding-right:40px; }
.bh-bu-hi-num { font-family:'Fredoka',sans-serif;font-size:52px;font-weight:700;line-height:1;margin-bottom:8px;opacity:.25; }
.bh-bu-hi-title { font-family:'Fredoka',sans-serif;font-size:24px;font-weight:700;color:#1C1C2E;margin-bottom:12px; }
.bh-bu-hi-desc { font-family:'Nunito',sans-serif;font-size:14.5px;color:#4B5563;line-height:1.78;margin-bottom:16px; }
.bh-bu-hi-tag { display:inline-flex;align-items:center;gap:7px;border-radius:50px;padding:6px 16px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.3px; }
.bh-bu-hi-tag i { font-size:11px; }
.bh-bu-hi-visual { display:flex;align-items:center;justify-content:center;min-height:180px; }
.bh-bu-hi-icon-big { font-size:72px; }

/* ── BUNNY'S DAY ──────────────────────────────────────── */
.bh-bu-day-section { background:#FFFDF5;padding:40px 0; }
.bh-bu-day-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.bh-bu-day-item { background:#fff;border-radius:18px;border:0.5px solid #E5E7EB;box-shadow:0 4px 16px rgba(0,0,0,.05);overflow:hidden;transition:all .3s; }
.bh-bu-day-item:hover { transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.10); }
.bh-bu-di-time { background:var(--dc);color:#fff;font-family:'Fredoka',sans-serif;font-size:14px;font-weight:700;padding:6px 16px;letter-spacing:.3px; }
.bh-bu-di-card { display:flex;align-items:flex-start;gap:14px;padding:16px 18px; }
.bh-bu-di-icon { width:44px;height:44px;border-radius:12px;background:var(--db);color:var(--dc);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0; }
.bh-bu-di-title { font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;color:#1C1C2E;margin-bottom:5px; }
.bh-bu-di-desc { font-family:'Nunito',sans-serif;font-size:12.5px;color:#6B7280;line-height:1.6; }

/* ── TESTIMONIALS ─────────────────────────────────────── */
.bh-bu-testi-section { background:#fff;padding:40px 0; }
.bh-bu-testi-grid { display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px; }
.bh-bu-testi-card { background:#F9FAFB;border-radius:20px;padding:28px;border:1px solid #E5E7EB;display:flex;flex-direction:column;gap:14px;transition:all .3s; }
.bh-bu-testi-card:hover { transform:translateY(-5px);box-shadow:0 16px 44px rgba(0,0,0,.1); }
.bh-bu-testi-featured { background:linear-gradient(160deg,#4A1D8A,#7C3AED);border:none;position:relative; }
.bh-bu-testi-featured .bh-bu-testi-text { color:rgba(255,255,255,.9); }
.bh-bu-testi-featured .bh-bu-testi-stars i { color:#FFD700; }
.bh-bu-testi-featured .bh-bu-testi-name { color:#fff; }
.bh-bu-testi-featured .bh-bu-testi-child { color:rgba(255,255,255,.65); }
.bh-bu-testi-quote-icon { color:rgba(255,255,255,.2);font-size:28px;margin-bottom:-6px; }
.bh-bu-testi-stars { display:flex;gap:2px;color:#FBBC04;font-size:13px; }
.bh-bu-testi-text { font-family:'Nunito',sans-serif;font-size:13.5px;color:#374151;line-height:1.78;font-style:italic;flex:1; }
.bh-bu-testi-author { display:flex;align-items:center;gap:10px; }
.bh-bu-testi-av { width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;color:#fff;flex-shrink:0; }
.bh-bu-testi-name { font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:#1C1C2E; }
.bh-bu-testi-child { font-family:'Nunito',sans-serif;font-size:11px;color:#9CA3AF;margin-top:1px; }

/* ── BUNNY'S PROMISE ──────────────────────────────────── */
.bh-bu-promise-section { background:linear-gradient(160deg,#0D1B2A,#1A2D40,#0E3A78);padding:40px 0;position:relative;overflow:hidden; }
.bh-bu-promise-stars { position:absolute;inset:0;pointer-events:none; }
.bh-bu-promise-stars div { position:absolute;color:rgba(255,255,255,.25);animation:bh-bu-twinkle 3s ease-in-out infinite; }
.bh-bu-ps1 { top:10%;left:5%;font-size:14px;animation-delay:0s; }
.bh-bu-ps2 { top:20%;right:8%;font-size:10px;animation-delay:.6s; }
.bh-bu-ps3 { bottom:15%;left:8%;font-size:8px;animation-delay:1.2s; }
.bh-bu-ps4 { bottom:25%;right:5%;font-size:16px;animation-delay:1.8s; }
.bh-bu-promise-inner { display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center;position:relative;z-index:1; }
.bh-bu-promise-bunny { display:flex;align-items:center;justify-content:center; }
.bh-bu-promise-bunny-img { width:260px;height:auto;filter:drop-shadow(0 16px 40px rgba(0,0,0,.4)) brightness(1.05);animation:bh-bu-float 4.5s ease-in-out infinite; }
.bh-bu-promise-eyebrow { display:inline-flex;align-items:center;gap:8px;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);border-radius:50px;padding:6px 18px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;color:#FFD700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px; }
.bh-bu-promise-eyebrow i { font-size:13px; }
.bh-bu-promise-title { font-family:'Fredoka',sans-serif;font-size:clamp(26px,3.5vw,40px);font-weight:700;color:#fff;line-height:1.2;margin-bottom:32px; }
.bh-bu-promise-list { display:flex;flex-direction:column;gap:16px;margin-bottom:36px; }
.bh-bu-pl-item { display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px; }
.bh-bu-pl-icon { color:#FFD700;font-size:18px;flex-shrink:0;margin-top:1px; }
.bh-bu-pl-text { font-family:'Nunito',sans-serif;font-size:14.5px;color:rgba(255,255,255,.85);line-height:1.65; }
.bh-bu-promise-sign { display:flex;align-items:center;gap:16px; }
.bh-bu-promise-paw { width:52px;height:52px;background:rgba(255,215,0,.15);border:1.5px solid rgba(255,215,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFD700;font-size:22px;flex-shrink:0; }
.bh-bu-promise-sign-name { font-family:'Fredoka',sans-serif;font-size:28px;font-weight:700;color:#FFD700;line-height:1; }
.bh-bu-promise-sign-role { font-family:'Nunito',sans-serif;font-size:12px;color:rgba(255,255,255,.55);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:3px; }

/* ── CTA SECTION ──────────────────────────────────────── */
.bh-bu-cta-section { background:#FFFDF5;padding:40px 0; }
.bh-bu-cta-card { background:linear-gradient(160deg,#4A1D8A,#7C3AED);border-radius:28px;padding:56px 48px;position:relative;overflow:hidden;text-align:center;box-shadow:0 24px 72px rgba(74,29,138,.35); }
.bh-bu-cta-confetti { position:absolute;inset:0;pointer-events:none;overflow:hidden; }
.bh-bu-cta-confetti div { position:absolute;width:10px;height:10px;border-radius:2px;animation:bh-bu-cf-fall 4s ease-in infinite; }
.bh-bu-cf1 { background:#FFD700;top:-10px;left:15%;animation-delay:0s;  transform:rotate(30deg); }
.bh-bu-cf2 { background:#FF8C00;top:-10px;left:35%;animation-delay:.7s; transform:rotate(-20deg); }
.bh-bu-cf3 { background:#fff;    top:-10px;left:55%;animation-delay:1.4s;transform:rotate(45deg); }
.bh-bu-cf4 { background:#FFD700;top:-10px;left:72%;animation-delay:.3s; transform:rotate(-30deg); }
.bh-bu-cf5 { background:#FF8C00;top:-10px;left:88%;animation-delay:1s;  transform:rotate(15deg); }
.bh-bu-cf6 { background:#fff;    top:-10px;left:25%;animation-delay:2s;  transform:rotate(-45deg); }
.bh-bu-cta-inner { position:relative;z-index:1;max-width:640px;margin:0 auto; }
.bh-bu-cta-badge { display:inline-flex;align-items:center;gap:7px;background:rgba(255,215,0,.2);border:1.5px solid rgba(255,215,0,.4);border-radius:50px;padding:6px 18px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;color:#FFD700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px; }
.bh-bu-cta-badge i { font-size:12px; }
.bh-bu-cta-title { font-family:'Fredoka',sans-serif;font-size:clamp(26px,4vw,42px);font-weight:700;color:#fff;margin-bottom:14px; }
.bh-bu-cta-desc { font-family:'Nunito',sans-serif;font-size:15px;color:rgba(255,255,255,.82);line-height:1.75;margin-bottom:32px; }
.bh-bu-cta-btns { display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:24px; }
.bh-bu-cta-btn-primary { display:inline-flex;align-items:center;gap:8px;background:#FFD700;color:#4A1D8A;padding:14px 28px;border-radius:50px;font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 8px 28px rgba(255,215,0,.4); }
.bh-bu-cta-btn-primary:hover { transform:translateY(-3px);box-shadow:0 14px 40px rgba(255,215,0,.55);color:#4A1D8A; }
.bh-bu-cta-btn-wa { display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:14px 24px;border-radius:50px;font-family:'Fredoka',sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s; }
.bh-bu-cta-btn-wa:hover { background:#22C55E;transform:translateY(-2px);color:#fff; }
.bh-bu-cta-note { display:inline-flex;align-items:flex-start;justify-content:center;gap:7px;font-family:'Nunito',sans-serif;font-size:12.5px;color:rgba(255,255,255,.6); }
.bh-bu-cta-note i { color:#FFD700;flex-shrink:0;margin-top:2px; }

/* ── RESPONSIVE ───────────────────────────────────────── */
@media (max-width: 1100px) {
    .bh-bu-hero-layout { grid-template-columns:1fr 360px; }
    .bh-bu-testi-grid  { grid-template-columns:1fr 1fr; }
    .bh-bu-testi-grid .bh-bu-testi-card:last-child { display:none; }
}

@media (max-width: 900px) {
    .bh-bu-hero-layout  { grid-template-columns:1fr; }
    .bh-bu-hero-bunny   { display:none; }
    .bh-bu-story-grid   { grid-template-columns:1fr; }
    .bh-bu-letter-wrap  { grid-template-columns:1fr; }
    .bh-bu-letter-bunny { display:none; }
    .bh-bu-hi-left,.bh-bu-hi-right { grid-template-columns:1fr; }
    .bh-bu-hi-visual    { min-height:120px; }
    .bh-bu-hi-icon-big  { font-size:52px; }
    .bh-bu-promise-inner{ grid-template-columns:1fr; }
    .bh-bu-promise-bunny{ display:none; }
    .bh-bu-testi-grid   { grid-template-columns:1fr; }
    .bh-bu-testi-grid .bh-bu-testi-card:last-child { display:flex; }
    .bh-bu-day-grid     { grid-template-columns:1fr; }
}

@media (max-width: 600px) {
    .bh-bu-hero         { min-height:auto; }
    .bh-bu-hero-title   { font-size:40px; }
    .bh-bu-hero-name    { font-size:56px; }
    .bh-bu-hero-cta     { width:100%;justify-content:center; }
    .bh-bu-letter-card  { padding:28px 22px; }
    .bh-bu-letter-dear  { font-size:19px; }
    .bh-bu-letter-content p { font-size:14px; }
    .bh-bu-hi-content   { padding:24px 20px; }
    .bh-bu-hi-title     { font-size:20px; }
    .bh-bu-hi-num       { font-size:40px; }
    .bh-bu-cta-card     { padding:36px 24px;border-radius:20px; }
    .bh-bu-cta-btns     { flex-direction:column;align-items:center; }
    .bh-bu-cta-btn-primary,.bh-bu-cta-btn-wa { width:100%;max-width:300px;justify-content:center; }
    .bh-bu-story-card   { padding:14px; }
    .bh-bu-pl-item      { padding:12px 14px; }
    .bh-bu-pl-text      { font-size:13.5px; }
}