{"id":20,"date":"2026-06-04T09:41:22","date_gmt":"2026-06-04T09:41:22","guid":{"rendered":"https:\/\/daisybynamu.com\/?page_id=20"},"modified":"2026-06-04T09:48:15","modified_gmt":"2026-06-04T09:48:15","slug":"landing-page-daisy","status":"publish","type":"page","link":"https:\/\/daisybynamu.com\/index.php\/landing-page-daisy\/","title":{"rendered":"LANDING PAGE DAISY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f689cd3 e-con e-atomic-element e-flexbox-base e-db76e12 \" data-id=\"f689cd3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f689cd3\">\n    \t\t<div class=\"elementor-element elementor-element-0ca3908 elementor-widget elementor-widget-html\" data-id=\"0ca3908\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Daisy by Namu \u2014 Snack Hampers Premium untuk Acara Anak<\/title>\n  <meta name=\"description\" content=\"Hampers, snack pouch custom & souvenir untuk ulang tahun, aqiqah, manyue. Premium, anti mubazir, bisa jadi celengan. Konsultasi gratis via WhatsApp.\">\n  <meta name=\"theme-color\" content=\"#818546\">\n  <meta property=\"og:title\" content=\"Daisy by Namu \u2014 Hampers Anti Mubazir, Ada Celengannya\">\n  <meta property=\"og:description\" content=\"Snack hampers premium untuk ulang tahun anak, aqiqah, baby shower. Dipercaya 12K+ parents Indonesia.\">\n  <meta property=\"og:type\" content=\"website\">\n  <link rel=\"icon\" type=\"image\/svg+xml\" href=\"data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22><g fill=%22%23818546%22><ellipse cx=%2250%22 cy=%2222%22 rx=%229%22 ry=%2214%22\/><ellipse cx=%2278%22 cy=%2250%22 rx=%2214%22 ry=%229%22\/><ellipse cx=%2250%22 cy=%2278%22 rx=%229%22 ry=%2214%22\/><ellipse cx=%2222%22 cy=%2250%22 rx=%2214%22 ry=%229%22\/><\/g><circle cx=%2250%22 cy=%2250%22 r=%2212%22 fill=%22%23F7941D%22\/><\/svg>\">\n\n<!-- ============================================================\n     DAISY BY NAMU \u2014 SHARED STYLES & FONTS\n     Include this in <head> of any section\n     ============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root {\n    --olive: #818546;\n    --olive-dark: #616434;\n    --olive-deep: #474926;\n    --strawberries: #F5B1B8;\n    --strawberries-soft: #F8C9D0;\n    --marigold: #F7941D;\n    --mustard: #C3A05B;\n    --sunsets: #E68A58;\n    --wood: #884529;\n    --snow: #FFE4D2;\n    --cream: #FAF6EE;\n    --paper: #FFFDF7;\n    --ink: #2E4233;\n    --gray: #7A7868;\n    --gray-light: #D8D3C3;\n    --whatsapp: #25D366;\n    --whatsapp-dark: #128C7E;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    background: var(--cream);\n    color: var(--ink);\n    font-weight: 400;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n  h1, h2, h3, h4 { font-family: 'Bricolage Grotesque', sans-serif; letter-spacing: -0.02em; }\n  img { max-width: 100%; height: auto; display: block; }\n\n  \/* Universal WhatsApp button *\/\n  .btn-wa {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 32px;\n    background: var(--whatsapp);\n    color: #fff !important;\n    text-decoration: none;\n    border-radius: 100px;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    letter-spacing: 0.01em;\n    transition: all 0.25s cubic-bezier(.2,.7,.3,1);\n    box-shadow: 0 6px 24px -8px rgba(37, 211, 102, 0.5);\n    border: none;\n    cursor: pointer;\n  }\n  .btn-wa:hover {\n    background: var(--whatsapp-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px -10px rgba(37, 211, 102, 0.6);\n  }\n  .btn-wa svg { flex-shrink: 0; }\n\n  .btn-wa-outline {\n    background: transparent;\n    color: var(--olive) !important;\n    border: 2px solid var(--olive);\n    box-shadow: none;\n  }\n  .btn-wa-outline:hover {\n    background: var(--olive);\n    color: #fff !important;\n  }\n\n  \/* Container *\/\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  \/* Reusable eyebrow tag *\/\n  .eyebrow {\n    display: inline-block;\n    font-size: 12px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--olive);\n    padding: 6px 16px;\n    border: 1px solid var(--olive);\n    border-radius: 100px;\n    margin-bottom: 24px;\n  }\n  .eyebrow.on-dark {\n    color: var(--snow);\n    border-color: var(--snow);\n  }\n  .eyebrow.pink {\n    color: var(--olive-deep);\n    border-color: var(--olive-deep);\n    background: var(--strawberries);\n  }\n<\/style>\n\n\n<!-- ============================================================\n     SECTION 01 \u2014 HERO\n     ============================================================ -->\n<style>\n  .sec-hero {\n    background: var(--olive);\n    color: #fff;\n    padding: 100px 0 120px;\n    position: relative;\n    overflow: hidden;\n    min-height: 92vh;\n    display: flex;\n    align-items: center;\n  }\n  .sec-hero::before {\n    content: '';\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: var(--strawberries);\n    opacity: 0.18;\n    top: -150px;\n    right: -100px;\n    filter: blur(40px);\n  }\n  .sec-hero::after {\n    content: '';\n    position: absolute;\n    width: 380px;\n    height: 380px;\n    border-radius: 50%;\n    background: var(--marigold);\n    opacity: 0.15;\n    bottom: -120px;\n    left: -80px;\n    filter: blur(40px);\n  }\n  .sec-hero .container {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n  .hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 12px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--strawberries);\n    margin-bottom: 28px;\n    padding: 8px 18px;\n    border: 1.5px solid var(--strawberries);\n    border-radius: 100px;\n  }\n  .hero-eyebrow::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--marigold);\n  }\n  .hero-title {\n    font-size: clamp(48px, 6vw, 96px);\n    font-weight: 700;\n    line-height: 0.95;\n    letter-spacing: -0.03em;\n    color: #fff;\n    margin-bottom: 28px;\n  }\n  .hero-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--strawberries);\n  }\n  .hero-sub {\n    font-size: clamp(16px, 1.4vw, 19px);\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.85);\n    margin-bottom: 40px;\n    max-width: 50ch;\n  }\n  .hero-cta-group {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    flex-wrap: wrap;\n  }\n  .hero-cta-meta {\n    font-size: 13px;\n    color: var(--snow);\n    line-height: 1.5;\n  }\n  .hero-cta-meta strong { color: #fff; font-weight: 700; }\n  .hero-trust-row {\n    margin-top: 48px;\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    flex-wrap: wrap;\n    padding-top: 32px;\n    border-top: 1px solid rgba(255,255,255,0.18);\n  }\n  .hero-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.85);\n    font-weight: 500;\n  }\n  .hero-trust-icon {\n    width: 24px;\n    height: 24px;\n    background: var(--marigold);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--ink);\n    font-weight: 700;\n    font-size: 13px;\n  }\n  .hero-visual {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 480px;\n  }\n  .hero-card {\n    background: var(--cream);\n    color: var(--ink);\n    padding: 48px 40px;\n    border-radius: 24px;\n    box-shadow: 0 30px 80px -20px rgba(0,0,0,0.3);\n    position: relative;\n    z-index: 2;\n    max-width: 380px;\n    transform: rotate(-3deg);\n  }\n  .hero-card-tag {\n    display: inline-block;\n    background: var(--strawberries);\n    color: var(--olive-deep);\n    padding: 6px 14px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n  .hero-card h3 {\n    font-size: 32px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 16px;\n    color: var(--olive-deep);\n  }\n  .hero-card h3 em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--olive);\n  }\n  .hero-card-list {\n    list-style: none;\n    margin: 20px 0;\n  }\n  .hero-card-list li {\n    padding: 8px 0;\n    border-bottom: 1px solid var(--gray-light);\n    font-size: 14px;\n    color: var(--gray);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .hero-card-list li:last-child { border-bottom: none; }\n  .hero-card-list li::before {\n    content: '\u2713';\n    color: var(--olive);\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .hero-card-price {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    margin-top: 20px;\n  }\n  .hero-card-price-label {\n    font-size: 11px;\n    color: var(--gray);\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    font-weight: 600;\n  }\n  .hero-card-price-amount {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--wood);\n  }\n  .hero-card-flower {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 80px;\n    height: 80px;\n    background: var(--marigold);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    text-align: center;\n    line-height: 1.1;\n    transform: rotate(8deg);\n    z-index: 3;\n    box-shadow: 0 8px 20px -4px rgba(0,0,0,0.2);\n  }\n  .hero-decor-1 {\n    position: absolute;\n    top: 10%;\n    right: 10%;\n    width: 120px;\n    height: 120px;\n    background: var(--strawberries);\n    border-radius: 50%;\n    opacity: 0.5;\n    z-index: 1;\n  }\n  .hero-decor-2 {\n    position: absolute;\n    bottom: 15%;\n    left: 5%;\n    width: 90px;\n    height: 90px;\n    background: var(--marigold);\n    border-radius: 50%;\n    opacity: 0.4;\n    z-index: 1;\n  }\n\n  @media (max-width: 900px) {\n    .sec-hero .container { grid-template-columns: 1fr; gap: 40px; }\n    .sec-hero { padding: 70px 0 80px; min-height: auto; }\n    .hero-visual { min-height: 380px; }\n    .hero-card { transform: rotate(-2deg); padding: 32px 28px; }\n  }\n<\/style>\n\n<section class=\"sec-hero\" id=\"hero\">\n  <div class=\"container\">\n    <div class=\"hero-content\">\n      <span class=\"hero-eyebrow\">Snack Hampers Premium \u00b7 Sejak 2020<\/span>\n      <h1 class=\"hero-title\">Bikin acara<br>anak jadi<br><em>tak terlupakan.<\/em><\/h1>\n      <p class=\"hero-sub\">\n        Daisy by Namu \u2014 hampers, snack pouch custom, dan souvenir buat ulang tahun, baby shower, aqiqah, manyue. <strong style=\"color:#fff;\">Rapih, premium, anti mubazir<\/strong> \u2014 bahkan ada celengannya yang bisa disimpan setelah snack habis.\n      <\/p>\n\n      <div class=\"hero-cta-group\">\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" class=\"btn-wa\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n          <\/svg>\n          Konsultasi via WhatsApp\n        <\/a>\n        <div class=\"hero-cta-meta\">\n          <strong>Respon cepat<\/strong> \u00b7 max 30 menit<br>\n          Free konsultasi tema & customize\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-trust-row\">\n        <div class=\"hero-trust-item\">\n          <span class=\"hero-trust-icon\">\u2713<\/span> Halal Certified\n        <\/div>\n        <div class=\"hero-trust-item\">\n          <span class=\"hero-trust-icon\">\u2605<\/span> 12K+ Hampers Terkirim\n        <\/div>\n        <div class=\"hero-trust-item\">\n          <span class=\"hero-trust-icon\">\u2192<\/span> Pengiriman Nasional\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-visual\">\n      <div class=\"hero-decor-1\"><\/div>\n      <div class=\"hero-decor-2\"><\/div>\n      <div class=\"hero-card\">\n        <div class=\"hero-card-flower\">DAISY<br>BOX.<\/div>\n        <span class=\"hero-card-tag\">\u2605 Best Seller<\/span>\n        <h3>Snack Pouch<br><em>+ Celengan.<\/em><\/h3>\n        <ul class=\"hero-card-list\">\n          <li>5-8 jenis snack pilihan<\/li>\n          <li>Pouch bisa jadi celengan<\/li>\n          <li>Custom nama anak gratis<\/li>\n          <li>Halal & food-grade<\/li>\n        <\/ul>\n        <div class=\"hero-card-price\">\n          <span class=\"hero-card-price-label\">Konsultasi gratis<\/span>\n          <span class=\"hero-card-price-amount\">\u2192<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 02 \u2014 PAIN POINTS\n     ============================================================ -->\n<style>\n  .sec-pain {\n    background: var(--cream);\n    padding: 100px 0;\n    position: relative;\n  }\n  .sec-pain-header {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 64px;\n  }\n  .sec-pain-title {\n    font-size: clamp(36px, 4.5vw, 60px);\n    line-height: 1.05;\n    font-weight: 700;\n    color: var(--olive-deep);\n    margin-bottom: 20px;\n    letter-spacing: -0.025em;\n  }\n  .sec-pain-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--wood);\n  }\n  .sec-pain-sub {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--gray);\n    max-width: 50ch;\n    margin: 0 auto;\n  }\n  .pain-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 64px;\n  }\n  .pain-card {\n    background: #fff;\n    padding: 36px 28px;\n    border-radius: 20px;\n    border: 1px solid var(--gray-light);\n    position: relative;\n    transition: all 0.3s;\n  }\n  .pain-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 20px 40px -16px rgba(46, 66, 51, 0.15);\n    border-color: var(--strawberries);\n  }\n  .pain-card-num {\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 12px;\n    color: var(--strawberries);\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    margin-bottom: 16px;\n  }\n  .pain-card-emoji {\n    font-size: 36px;\n    margin-bottom: 16px;\n    line-height: 1;\n  }\n  .pain-card h3 {\n    font-size: 19px;\n    font-weight: 700;\n    color: var(--olive-deep);\n    margin-bottom: 12px;\n    line-height: 1.25;\n  }\n  .pain-card p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--gray);\n  }\n  .pain-cta-box {\n    background: var(--olive);\n    color: #fff;\n    padding: 48px 56px;\n    border-radius: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n    flex-wrap: wrap;\n    position: relative;\n    overflow: hidden;\n  }\n  .pain-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -80px;\n    right: -80px;\n    width: 240px;\n    height: 240px;\n    border-radius: 50%;\n    background: var(--strawberries);\n    opacity: 0.18;\n  }\n  .pain-cta-text {\n    position: relative;\n    z-index: 2;\n  }\n  .pain-cta-text h3 {\n    font-size: clamp(24px, 2.5vw, 32px);\n    line-height: 1.2;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #fff;\n  }\n  .pain-cta-text h3 em {\n    font-style: italic;\n    color: var(--strawberries);\n    font-weight: 500;\n  }\n  .pain-cta-text p {\n    color: rgba(255,255,255,0.78);\n    font-size: 15px;\n  }\n\n  @media (max-width: 900px) {\n    .pain-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\n    .pain-cta-box { padding: 36px 28px; }\n  }\n  @media (max-width: 560px) {\n    .pain-grid { grid-template-columns: 1fr; }\n    .sec-pain { padding: 70px 0; }\n  }\n<\/style>\n\n<section class=\"sec-pain\" id=\"pain\">\n  <div class=\"container\">\n    <div class=\"sec-pain-header\">\n      <span class=\"eyebrow\">Masalah Klasik Hampers<\/span>\n      <h2 class=\"sec-pain-title\">Pernah merasakan <em>\"zonk\"<\/em> setelah pesan hampers?<\/h2>\n      <p class=\"sec-pain-sub\">Banyak parents kecewa setelah terima order \u2014 bukan karena nilai uangnya, tapi karena pengalamannya tidak terasa <em>spesial<\/em>. Daisy hadir untuk mengubah itu.<\/p>\n    <\/div>\n\n    <div class=\"pain-grid\">\n      <div class=\"pain-card\">\n        <div class=\"pain-card-num\">PROBLEM 01<\/div>\n        <div class=\"pain-card-emoji\">\ud83d\ude15<\/div>\n        <h3>Isi kosong, banyak udara<\/h3>\n        <p>Pouch besar tapi pas dibuka cuma 2-3 snack. Anak kecewa, orang tua malu.<\/p>\n      <\/div>\n\n      <div class=\"pain-card\">\n        <div class=\"pain-card-num\">PROBLEM 02<\/div>\n        <div class=\"pain-card-emoji\">\ud83d\udcc9<\/div>\n        <h3>Snack mubazir setelah pesta<\/h3>\n        <p>Anak gak suka, snack berakhir di tempat sampah. Goodie bag pun dibuang.<\/p>\n      <\/div>\n\n      <div class=\"pain-card\">\n        <div class=\"pain-card-num\">PROBLEM 03<\/div>\n        <div class=\"pain-card-emoji\">\u23f0<\/div>\n        <h3>Vendor lama respon, bikin H2H<\/h3>\n        <p>Chat 3 hari belum dibalas. Acara mepet, vendor menghilang.<\/p>\n      <\/div>\n\n      <div class=\"pain-card\">\n        <div class=\"pain-card-num\">PROBLEM 04<\/div>\n        <div class=\"pain-card-emoji\">\ud83c\udfa8<\/div>\n        <h3>Desain generic, kayak lainnya<\/h3>\n        <p>Hampers sama persis dengan acara minggu lalu. Tidak ada karakter, tidak personal.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"pain-cta-box\">\n      <div class=\"pain-cta-text\">\n        <h3>Lo deserve hampers yang <em>thoughtful<\/em>.<\/h3>\n        <p>Konsultasi gratis bareng admin \u2014 kita bahas tema, budget, dan kustomisasi.<\/p>\n      <\/div>\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" class=\"btn-wa\" target=\"_blank\" rel=\"noopener\" style=\"background:var(--strawberries); color:var(--olive-deep) !important;\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n        <\/svg>\n        Hubungi Admin Kami\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 03 \u2014 USP \/ WHY DAISY (SOLUSI)\n     ============================================================ -->\n<style>\n  .sec-usp {\n    background: var(--strawberries);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .sec-usp::before {\n    content: '';\n    position: absolute;\n    top: -200px;\n    left: -100px;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: var(--strawberries-soft);\n    opacity: 0.5;\n  }\n  .sec-usp .container { position: relative; z-index: 2; }\n  .sec-usp-header {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    margin-bottom: 72px;\n    align-items: end;\n  }\n  .sec-usp-title {\n    font-size: clamp(40px, 5vw, 72px);\n    line-height: 1;\n    font-weight: 700;\n    color: #fff;\n    letter-spacing: -0.025em;\n  }\n  .sec-usp-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--olive-deep);\n  }\n  .sec-usp-intro {\n    font-size: 16px;\n    line-height: 1.65;\n    color: #fff;\n    max-width: 42ch;\n  }\n  .usp-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n  .usp-card {\n    background: var(--cream);\n    padding: 40px 32px;\n    border-radius: 24px;\n    position: relative;\n    transition: all 0.3s;\n  }\n  .usp-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 30px 60px -20px rgba(46, 66, 51, 0.25);\n  }\n  .usp-card.featured {\n    background: var(--olive);\n    color: #fff;\n  }\n  .usp-card-num {\n    display: inline-block;\n    width: 48px;\n    height: 48px;\n    background: var(--olive);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-weight: 700;\n    font-size: 18px;\n    margin-bottom: 24px;\n  }\n  .usp-card.featured .usp-card-num {\n    background: var(--marigold);\n    color: var(--olive-deep);\n  }\n  .usp-card h3 {\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.15;\n    margin-bottom: 14px;\n    color: var(--olive-deep);\n    letter-spacing: -0.015em;\n  }\n  .usp-card.featured h3 { color: #fff; }\n  .usp-card h3 em {\n    font-style: italic;\n    color: var(--wood);\n    font-weight: 500;\n  }\n  .usp-card.featured h3 em { color: var(--strawberries); }\n  .usp-card p {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--gray);\n    margin-bottom: 24px;\n  }\n  .usp-card.featured p { color: rgba(255,255,255,0.82); }\n  .usp-card-list {\n    list-style: none;\n    border-top: 1px solid var(--gray-light);\n    padding-top: 20px;\n  }\n  .usp-card.featured .usp-card-list { border-top-color: rgba(255,255,255,0.2); }\n  .usp-card-list li {\n    padding: 8px 0;\n    font-size: 13px;\n    color: var(--olive);\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .usp-card.featured .usp-card-list li { color: var(--marigold); }\n  .usp-card-list li::before {\n    content: '\u2713';\n    font-weight: 700;\n  }\n\n  @media (max-width: 900px) {\n    .sec-usp-header { grid-template-columns: 1fr; gap: 24px; }\n    .usp-grid { grid-template-columns: 1fr; gap: 18px; }\n    .sec-usp { padding: 70px 0; }\n  }\n<\/style>\n\n<section class=\"sec-usp\" id=\"usp\">\n  <div class=\"container\">\n    <div class=\"sec-usp-header\">\n      <h2 class=\"sec-usp-title\">3 alasan kenapa<br>parents pilih <em>Daisy.<\/em><\/h2>\n      <p class=\"sec-usp-intro\">Kami bukan vendor hampers paling murah. Tapi setiap kotak Daisy diisi dengan perhitungan \u2014 supaya pengalaman anak dan tamu lo bener-bener <strong>memorable<\/strong>.<\/p>\n    <\/div>\n\n    <div class=\"usp-grid\">\n      <div class=\"usp-card\">\n        <div class=\"usp-card-num\">01<\/div>\n        <h3>Anti-mubazir, <em>multi-fungsi.<\/em><\/h3>\n        <p>Setiap snack pouch bisa dijadikan celengan setelah snack habis. Anak nyimpen sebagai kenang-kenangan, bukan langsung dibuang.<\/p>\n        <ul class=\"usp-card-list\">\n          <li>Pouch reusable food-grade<\/li>\n          <li>Edukasi menabung sejak dini<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"usp-card featured\">\n        <div class=\"usp-card-num\">02<\/div>\n        <h3>Full curated, <em>bukan asal isi.<\/em><\/h3>\n        <p>Setiap pilihan snack dipilih satu per satu sesuai usia & tema acara. Rapih, premium, dan tidak ada \"udara\" di dalam pouch.<\/p>\n        <ul class=\"usp-card-list\">\n          <li>5-8 jenis snack per pouch<\/li>\n          <li>Customize tema gratis<\/li>\n          <li>Halal MUI certified<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"usp-card\">\n        <div class=\"usp-card-num\">03<\/div>\n        <h3>Admin <em>fast response.<\/em><\/h3>\n        <p>WhatsApp lo dibalas max 30 menit di jam kerja. Konsultasi gratis dari budget sampai tema \u2014 tidak ribet, tidak menghilang.<\/p>\n        <ul class=\"usp-card-list\">\n          <li>Free konsultasi tema<\/li>\n          <li>Bisa pesan H-3 (rush order)<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 04 \u2014 PRODUCT SHOWCASE\n     ============================================================ -->\n<style>\n  .sec-product {\n    background: var(--cream);\n    padding: 100px 0;\n  }\n  .sec-product-header {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 64px;\n  }\n  .sec-product-title {\n    font-size: clamp(36px, 4.5vw, 60px);\n    line-height: 1.05;\n    font-weight: 700;\n    color: var(--olive-deep);\n    margin-bottom: 20px;\n    letter-spacing: -0.025em;\n  }\n  .sec-product-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--olive);\n  }\n  .sec-product-sub {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--gray);\n    max-width: 50ch;\n    margin: 0 auto;\n  }\n  .product-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n    margin-bottom: 56px;\n  }\n  .product-card {\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    aspect-ratio: 3\/4;\n    padding: 32px 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: transform 0.3s, box-shadow 0.3s;\n    cursor: pointer;\n    text-decoration: none;\n    color: inherit;\n  }\n  .product-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 50px -16px rgba(46, 66, 51, 0.25);\n  }\n  .product-card.olive { background: var(--olive); color: #fff; }\n  .product-card.pink { background: var(--strawberries); color: var(--olive-deep); }\n  .product-card.snow { background: var(--snow); color: var(--wood); }\n  .product-card.wood { background: var(--wood); color: var(--snow); }\n  \n  .product-tag {\n    font-size: 10px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    font-weight: 700;\n    padding: 6px 12px;\n    border-radius: 100px;\n    background: rgba(255,255,255,0.2);\n    color: currentColor;\n    align-self: flex-start;\n    font-family: 'JetBrains Mono', monospace;\n  }\n  .product-card.pink .product-tag { background: rgba(46, 66, 51, 0.12); }\n  .product-card.snow .product-tag { background: rgba(136, 69, 41, 0.12); }\n  \n  .product-body { margin-top: auto; }\n  .product-card h3 {\n    font-size: 30px;\n    line-height: 1.05;\n    font-weight: 700;\n    margin-bottom: 12px;\n    letter-spacing: -0.02em;\n  }\n  .product-card h3 em {\n    font-style: italic;\n    font-weight: 500;\n    opacity: 0.85;\n  }\n  .product-card .product-desc {\n    font-size: 13px;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin-bottom: 20px;\n  }\n  .product-foot {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 16px;\n    border-top: 1px solid currentColor;\n    border-color: rgba(255,255,255,0.25);\n  }\n  .product-card.pink .product-foot, .product-card.snow .product-foot {\n    border-color: rgba(46, 66, 51, 0.2);\n  }\n  .product-foot-label {\n    font-size: 11px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    font-weight: 700;\n    opacity: 0.85;\n  }\n  .product-foot-arrow {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    transition: transform 0.3s;\n  }\n  .product-card:hover .product-foot-arrow {\n    transform: translateX(4px);\n  }\n  \n  .product-cta-row {\n    text-align: center;\n  }\n  .product-cta-row p {\n    color: var(--gray);\n    font-size: 15px;\n    margin-bottom: 24px;\n  }\n  .product-cta-row p strong { color: var(--olive-deep); font-weight: 700; }\n\n  @media (max-width: 900px) {\n    .product-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\n    .sec-product { padding: 70px 0; }\n  }\n  @media (max-width: 560px) {\n    .product-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"sec-product\" id=\"product\">\n  <div class=\"container\">\n    <div class=\"sec-product-header\">\n      <span class=\"eyebrow\">Pilihan Produk<\/span>\n      <h2 class=\"sec-product-title\">4 jenis hampers,<br><em>tak terbatas tema.<\/em><\/h2>\n      <p class=\"sec-product-sub\">Setiap produk bisa dicustom dari segi isi, packaging, sampai handwritten name tag. Konsultasi gratis untuk match dengan tema acara lo.<\/p>\n    <\/div>\n\n    <div class=\"product-grid\">\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" target=\"_blank\" rel=\"noopener\" class=\"product-card olive\">\n        <span class=\"product-tag\">\u2605 Best Seller<\/span>\n        <div class=\"product-body\">\n          <h3>Snack<br><em>Pouch.<\/em><\/h3>\n          <p class=\"product-desc\">Hampers paling laris. 5-8 jenis snack premium dalam pouch yang bisa jadi celengan.<\/p>\n          <div class=\"product-foot\">\n            <span class=\"product-foot-label\">Konsultasi tema & isi<\/span>\n            <span class=\"product-foot-arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" target=\"_blank\" rel=\"noopener\" class=\"product-card pink\">\n        <span class=\"product-tag\">Jumbo Edition<\/span>\n        <div class=\"product-body\">\n          <h3>Jumbo<br><em>Candy.<\/em><\/h3>\n          <p class=\"product-desc\">Permen jumbo dengan packaging eye-catching. Cocok untuk centerpiece meja party.<\/p>\n          <div class=\"product-foot\">\n            <span class=\"product-foot-label\">Konsultasi tema & isi<\/span>\n            <span class=\"product-foot-arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" target=\"_blank\" rel=\"noopener\" class=\"product-card snow\">\n        <span class=\"product-tag\">Trending<\/span>\n        <div class=\"product-body\">\n          <h3>Coco<br><em>Candy.<\/em><\/h3>\n          <p class=\"product-desc\">Coconut candy dalam kemasan signature. Sweet, tropical, kid-favorite.<\/p>\n          <div class=\"product-foot\">\n            <span class=\"product-foot-label\">Konsultasi tema & isi<\/span>\n            <span class=\"product-foot-arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" target=\"_blank\" rel=\"noopener\" class=\"product-card wood\">\n        <span class=\"product-tag\">Interactive<\/span>\n        <div class=\"product-body\">\n          <h3>DIY<br><em>Activities.<\/em><\/h3>\n          <p class=\"product-desc\">Hampers + activity kit. Anak bisa main + makan \u2014 pengalaman yang dikenang.<\/p>\n          <div class=\"product-foot\">\n            <span class=\"product-foot-label\">Konsultasi tema & isi<\/span>\n            <span class=\"product-foot-arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"product-cta-row\">\n      <p>Belum tau mau pilih yang mana? <strong>Konsultasi gratis dengan admin kami<\/strong> \u2014 kami bantu sesuai budget, tema, dan jumlah tamu.<\/p>\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" class=\"btn-wa\" target=\"_blank\" rel=\"noopener\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n        <\/svg>\n        Konsultasi Produk via WhatsApp\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 05 \u2014 SOCIAL PROOF (Testimoni + Stats)\n     ============================================================ -->\n<style>\n  .sec-social {\n    background: var(--olive-deep);\n    color: #fff;\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .sec-social::before {\n    content: '';\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    border-radius: 50%;\n    background: var(--olive);\n    opacity: 0.4;\n    top: -200px;\n    right: -200px;\n    filter: blur(60px);\n  }\n  .sec-social .container { position: relative; z-index: 2; }\n  .sec-social-header {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 64px;\n  }\n  .sec-social-title {\n    font-size: clamp(36px, 4.5vw, 60px);\n    line-height: 1.05;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 20px;\n    letter-spacing: -0.025em;\n  }\n  .sec-social-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--strawberries);\n  }\n  .sec-social-sub {\n    font-size: 17px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.78);\n    max-width: 50ch;\n    margin: 0 auto;\n  }\n\n  \/* Stats Row *\/\n  .stats-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 8px;\n    margin-bottom: 72px;\n    background: rgba(255,255,255,0.06);\n    border-radius: 20px;\n    padding: 36px;\n    border: 1px solid rgba(255,255,255,0.1);\n  }\n  .stat-item { text-align: center; padding: 0 16px; border-right: 1px solid rgba(255,255,255,0.12); }\n  .stat-item:last-child { border-right: none; }\n  .stat-num {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(36px, 4vw, 56px);\n    font-weight: 700;\n    color: var(--marigold);\n    line-height: 1;\n    margin-bottom: 8px;\n    letter-spacing: -0.02em;\n  }\n  .stat-label {\n    font-size: 12px;\n    color: rgba(255,255,255,0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    font-weight: 600;\n  }\n\n  \/* Testimonials *\/\n  .testi-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .testi-card {\n    background: var(--cream);\n    color: var(--olive-deep);\n    padding: 36px 32px;\n    border-radius: 20px;\n    position: relative;\n    transition: transform 0.3s;\n  }\n  .testi-card:hover { transform: translateY(-4px); }\n  .testi-card.pink { background: var(--strawberries); }\n  .testi-card.snow { background: var(--snow); }\n  .testi-quote {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 60px;\n    line-height: 0.5;\n    color: var(--olive);\n    opacity: 0.4;\n    margin-bottom: 12px;\n  }\n  .testi-text {\n    font-size: 15px;\n    line-height: 1.6;\n    color: var(--olive-deep);\n    margin-bottom: 24px;\n  }\n  .testi-text em {\n    font-style: italic;\n    color: var(--wood);\n    font-weight: 500;\n  }\n  .testi-meta {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 20px;\n    border-top: 1px solid rgba(46,66,51,0.12);\n  }\n  .testi-avatar {\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: var(--olive);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .testi-card.pink .testi-avatar { background: var(--wood); }\n  .testi-card.snow .testi-avatar { background: var(--olive); }\n  .testi-name {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--olive-deep);\n    line-height: 1.2;\n  }\n  .testi-role {\n    font-size: 12px;\n    color: var(--gray);\n    margin-top: 2px;\n  }\n  .testi-stars {\n    margin-left: auto;\n    color: var(--marigold);\n    font-size: 14px;\n    letter-spacing: 2px;\n  }\n\n  @media (max-width: 900px) {\n    .stats-row { grid-template-columns: 1fr 1fr; gap: 24px; padding: 28px; }\n    .stat-item:nth-child(2) { border-right: none; }\n    .testi-grid { grid-template-columns: 1fr; gap: 16px; }\n    .sec-social { padding: 70px 0; }\n  }\n<\/style>\n\n<section class=\"sec-social\" id=\"testimoni\">\n  <div class=\"container\">\n    <div class=\"sec-social-header\">\n      <span class=\"eyebrow on-dark\">Voice of Customer<\/span>\n      <h2 class=\"sec-social-title\">Dipercaya <em>12,000+<\/em> parents<br>di seluruh Indonesia.<\/h2>\n      <p class=\"sec-social-sub\">Lima tahun, ribuan acara, satu mission: bikin kebahagiaan kecil yang dikenang lama. Ini cerita dari parents yang sudah pernah pesan.<\/p>\n    <\/div>\n\n    <div class=\"stats-row\">\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">12K+<\/div>\n        <div class=\"stat-label\">Hampers Terkirim<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">5+<\/div>\n        <div class=\"stat-label\">Tahun Berkarya<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">98%<\/div>\n        <div class=\"stat-label\">Repeat Order<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">4.9\u2605<\/div>\n        <div class=\"stat-label\">Rating Customer<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"testi-grid\">\n      <div class=\"testi-card\">\n        <div class=\"testi-quote\">\"<\/div>\n        <p class=\"testi-text\">Anak gw <em>sampai nangis<\/em> waktu pouchnya dipake jadi celengan. Sekarang celengannya udah penuh dan dia minta hampers Daisy lagi buat ulang tahun adiknya!<\/p>\n        <div class=\"testi-meta\">\n          <div class=\"testi-avatar\">RA<\/div>\n          <div>\n            <div class=\"testi-name\">Rara Aulia<\/div>\n            <div class=\"testi-role\">Mom of 2 \u00b7 Jakarta<\/div>\n          <\/div>\n          <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi-card pink\">\n        <div class=\"testi-quote\">\"<\/div>\n        <p class=\"testi-text\">Admin <em>respon cepet banget<\/em>, pesan H-5 acara aqiqah masih kekejar. Yang bikin surprised, packaging-nya jauh lebih premium dari yang gw expect at price point ini.<\/p>\n        <div class=\"testi-meta\">\n          <div class=\"testi-avatar\">DM<\/div>\n          <div>\n            <div class=\"testi-name\">Dini Maharani<\/div>\n            <div class=\"testi-role\">First-time Mom \u00b7 Bandung<\/div>\n          <\/div>\n          <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi-card snow\">\n        <div class=\"testi-quote\">\"<\/div>\n        <p class=\"testi-text\">Bikin 50 hampers buat manyue, semua tamu chat WA gw nanyain <em>\"pesan dimana?\"<\/em>. Worth it banget \u2014 gak ada yang complain isi kurang atau snack ga enak.<\/p>\n        <div class=\"testi-meta\">\n          <div class=\"testi-avatar\">FN<\/div>\n          <div>\n            <div class=\"testi-name\">Fitri Nurhasanah<\/div>\n            <div class=\"testi-role\">Mom of 3 \u00b7 Surabaya<\/div>\n          <\/div>\n          <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 06 \u2014 OCCASION \/ VERSATILE USE CASES\n     ============================================================ -->\n<style>\n  .sec-occasion {\n    background: var(--cream);\n    padding: 100px 0;\n    position: relative;\n  }\n  .sec-occasion-header {\n    display: grid;\n    grid-template-columns: 1.3fr 1fr;\n    gap: 60px;\n    margin-bottom: 56px;\n    align-items: end;\n  }\n  .sec-occasion-title {\n    font-size: clamp(40px, 5vw, 72px);\n    line-height: 1;\n    font-weight: 700;\n    color: var(--olive-deep);\n    letter-spacing: -0.025em;\n  }\n  .sec-occasion-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--strawberries);\n  }\n  .sec-occasion-intro {\n    font-size: 16px;\n    line-height: 1.65;\n    color: var(--gray);\n    max-width: 42ch;\n  }\n  .occasion-grid {\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr;\n    grid-template-rows: 280px 280px;\n    gap: 16px;\n  }\n  .occasion-card {\n    border-radius: 20px;\n    padding: 32px 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s;\n    cursor: pointer;\n  }\n  .occasion-card:hover { transform: translateY(-4px); }\n  .occasion-card.big { grid-row: 1 \/ 3; grid-column: 1; }\n  .occasion-card.olive { background: var(--olive); color: #fff; }\n  .occasion-card.pink { background: var(--strawberries); color: var(--olive-deep); }\n  .occasion-card.snow { background: var(--snow); color: var(--wood); }\n  .occasion-card.wood { background: var(--wood); color: #fff; }\n  .occasion-card.mustard { background: var(--mustard); color: var(--olive-deep); }\n  \n  .occ-tag {\n    font-size: 10px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    font-weight: 700;\n    padding: 6px 12px;\n    border-radius: 100px;\n    background: rgba(255,255,255,0.2);\n    color: currentColor;\n    align-self: flex-start;\n    font-family: 'JetBrains Mono', monospace;\n  }\n  .occasion-card.pink .occ-tag,\n  .occasion-card.snow .occ-tag,\n  .occasion-card.mustard .occ-tag { background: rgba(46, 66, 51, 0.12); }\n  \n  .occ-emoji {\n    font-size: 56px;\n    margin: 16px 0;\n    line-height: 1;\n  }\n  .occasion-card.big .occ-emoji {\n    font-size: 96px;\n    margin: 32px 0;\n  }\n  \n  .occ-body { margin-top: auto; }\n  .occasion-card h3 {\n    font-size: 22px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 8px;\n    letter-spacing: -0.015em;\n  }\n  .occasion-card.big h3 { font-size: 40px; }\n  .occasion-card h3 em {\n    font-style: italic;\n    font-weight: 500;\n    opacity: 0.85;\n  }\n  .occasion-card p {\n    font-size: 13px;\n    line-height: 1.55;\n    opacity: 0.85;\n  }\n  .occasion-card.big p { font-size: 15px; max-width: 28ch; }\n\n  .occ-cta {\n    text-align: center;\n    margin-top: 56px;\n    padding: 40px;\n    background: var(--olive);\n    border-radius: 20px;\n    color: #fff;\n  }\n  .occ-cta-text {\n    font-size: clamp(20px, 2.5vw, 28px);\n    font-weight: 700;\n    line-height: 1.2;\n    margin-bottom: 24px;\n    color: #fff;\n    font-family: 'Bricolage Grotesque', sans-serif;\n  }\n  .occ-cta-text em {\n    font-style: italic;\n    color: var(--strawberries);\n    font-weight: 500;\n  }\n\n  @media (max-width: 900px) {\n    .sec-occasion-header { grid-template-columns: 1fr; gap: 24px; }\n    .occasion-grid {\n      grid-template-columns: 1fr 1fr;\n      grid-template-rows: auto;\n    }\n    .occasion-card { aspect-ratio: 4\/3; }\n    .occasion-card.big { grid-column: 1 \/ 3; grid-row: auto; aspect-ratio: 16\/9; }\n    .sec-occasion { padding: 70px 0; }\n  }\n  @media (max-width: 560px) {\n    .occasion-grid { grid-template-columns: 1fr; }\n    .occasion-card.big { grid-column: 1; }\n  }\n<\/style>\n\n<section class=\"sec-occasion\" id=\"occasion\">\n  <div class=\"container\">\n    <div class=\"sec-occasion-header\">\n      <h2 class=\"sec-occasion-title\">Satu brand,<br><em>banyak okasi.<\/em><\/h2>\n      <p class=\"sec-occasion-intro\">Daisy hadir untuk setiap momen penting dalam tumbuh kembang anak \u2014 dari hari kelahiran hingga kenaikan kelas. Setiap acara punya tema, dan setiap tema kita curate.<\/p>\n    <\/div>\n\n    <div class=\"occasion-grid\">\n      <div class=\"occasion-card big olive\">\n        <span class=\"occ-tag\">\u2605 Most Requested<\/span>\n        <div class=\"occ-emoji\">\ud83c\udf82<\/div>\n        <div class=\"occ-body\">\n          <h3>Ulang Tahun<br><em>Anak.<\/em><\/h3>\n          <p>Dari 1 tahun sampai sweet seventeen. Customize tema favorit anak \u2014 dinosaur, princess, astronaut, atau request bebas.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"occasion-card pink\">\n        <span class=\"occ-tag\">Manyue 1 Bulan<\/span>\n        <div class=\"occ-emoji\">\ud83d\udc76<\/div>\n        <div class=\"occ-body\">\n          <h3>Manyue.<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"occasion-card snow\">\n        <span class=\"occ-tag\">Baby Shower<\/span>\n        <div class=\"occ-emoji\">\ud83c\udf7c<\/div>\n        <div class=\"occ-body\">\n          <h3>Baby<br><em>Shower.<\/em><\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"occasion-card mustard\">\n        <span class=\"occ-tag\">Akikah \u00b7 Tasmiyah<\/span>\n        <div class=\"occ-emoji\">\ud83c\udf19<\/div>\n        <div class=\"occ-body\">\n          <h3>Aqiqah.<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"occasion-card wood\">\n        <span class=\"occ-tag\">Sekolah & Kampus<\/span>\n        <div class=\"occ-emoji\">\ud83c\udf93<\/div>\n        <div class=\"occ-body\">\n          <h3>Graduation.<\/h3>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"occ-cta\">\n      <p class=\"occ-cta-text\">Punya acara <em>spesial<\/em> yang belum disebut? Konsultasi langsung \u2014 Daisy bisa custom.<\/p>\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" class=\"btn-wa\" target=\"_blank\" rel=\"noopener\" style=\"background:var(--strawberries); color:var(--olive-deep) !important;\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n        <\/svg>\n        Diskusi Acara Kustom\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 07 \u2014 PROCESS \/ HOW TO ORDER\n     ============================================================ -->\n<style>\n  .sec-process {\n    background: var(--snow);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .sec-process::before {\n    content: '';\n    position: absolute;\n    width: 400px;\n    height: 400px;\n    border-radius: 50%;\n    background: var(--strawberries);\n    opacity: 0.25;\n    top: -100px;\n    right: -150px;\n    filter: blur(40px);\n  }\n  .sec-process .container { position: relative; z-index: 2; }\n  .sec-process-header {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 72px;\n  }\n  .sec-process-title {\n    font-size: clamp(36px, 4.5vw, 60px);\n    line-height: 1.05;\n    font-weight: 700;\n    color: var(--olive-deep);\n    margin-bottom: 20px;\n    letter-spacing: -0.025em;\n  }\n  .sec-process-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--wood);\n  }\n  .sec-process-sub {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--olive-deep);\n    max-width: 50ch;\n    margin: 0 auto;\n  }\n\n  .process-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 24px;\n    position: relative;\n  }\n  .process-step {\n    background: var(--cream);\n    border-radius: 24px;\n    padding: 40px 32px;\n    position: relative;\n    transition: transform 0.3s;\n  }\n  .process-step:hover { transform: translateY(-6px); }\n  .process-step::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    right: -30px;\n    transform: translateY(-50%);\n    width: 30px;\n    height: 2px;\n    background: var(--olive);\n    z-index: 1;\n  }\n  .process-step:last-child::before { display: none; }\n  .process-step::after {\n    content: '\u2192';\n    position: absolute;\n    top: 50%;\n    right: -22px;\n    transform: translateY(-50%);\n    color: var(--olive);\n    font-size: 24px;\n    font-weight: 700;\n    z-index: 2;\n    background: var(--snow);\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n  }\n  .process-step:last-child::after { display: none; }\n\n  .process-num {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 80px;\n    font-weight: 300;\n    color: var(--olive);\n    line-height: 1;\n    margin-bottom: 4px;\n    letter-spacing: -0.04em;\n    opacity: 0.85;\n  }\n  .process-step.featured .process-num { color: var(--wood); }\n  .process-tag {\n    font-size: 11px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--strawberries);\n    margin-bottom: 24px;\n    font-family: 'JetBrains Mono', monospace;\n    background: rgba(245, 177, 184, 0.18);\n    padding: 4px 10px;\n    border-radius: 100px;\n    display: inline-block;\n  }\n  .process-step h3 {\n    font-size: 28px;\n    line-height: 1.1;\n    font-weight: 700;\n    color: var(--olive-deep);\n    margin-bottom: 14px;\n    letter-spacing: -0.02em;\n  }\n  .process-step h3 em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--wood);\n  }\n  .process-step p {\n    font-size: 14.5px;\n    line-height: 1.65;\n    color: var(--gray);\n    margin-bottom: 20px;\n  }\n  .process-detail-list {\n    list-style: none;\n    border-top: 1px solid var(--gray-light);\n    padding-top: 18px;\n  }\n  .process-detail-list li {\n    padding: 5px 0;\n    font-size: 13px;\n    color: var(--olive);\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .process-detail-list li::before {\n    content: '\u25c9';\n    color: var(--marigold);\n    font-size: 10px;\n  }\n\n  .process-time-row {\n    text-align: center;\n    margin-top: 56px;\n    padding: 28px 40px;\n    background: var(--cream);\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n  .process-time-icon {\n    width: 44px;\n    height: 44px;\n    background: var(--olive);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n  }\n  .process-time-text {\n    font-size: 15px;\n    color: var(--olive-deep);\n    line-height: 1.5;\n  }\n  .process-time-text strong { color: var(--olive); font-weight: 700; }\n\n  @media (max-width: 900px) {\n    .process-grid { grid-template-columns: 1fr; gap: 16px; }\n    .process-step::before, .process-step::after { display: none; }\n    .sec-process { padding: 70px 0; }\n  }\n<\/style>\n\n<section class=\"sec-process\" id=\"process\">\n  <div class=\"container\">\n    <div class=\"sec-process-header\">\n      <span class=\"eyebrow\">Cara Pesan<\/span>\n      <h2 class=\"sec-process-title\">Tiga langkah,<br><em>sudah selesai.<\/em><\/h2>\n      <p class=\"sec-process-sub\">Tidak ribet, tidak perlu daftar, tidak ada minimum order yang aneh. Mulai dari chat WhatsApp, sampai hampers di tangan tamu lo.<\/p>\n    <\/div>\n\n    <div class=\"process-grid\">\n      <div class=\"process-step\">\n        <div class=\"process-num\">01<\/div>\n        <span class=\"process-tag\">~5 Menit<\/span>\n        <h3>Chat <em>WhatsApp.<\/em><\/h3>\n        <p>Klik tombol WA, kirim pesan ke admin. Cerita acara lo: tema, jumlah tamu, target budget, dan tanggal pelaksanaan.<\/p>\n        <ul class=\"process-detail-list\">\n          <li>Gak perlu langsung commit<\/li>\n          <li>Free konsultasi tema<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"process-step featured\">\n        <div class=\"process-num\">02<\/div>\n        <span class=\"process-tag\">1-3 Hari<\/span>\n        <h3>Daisy <em>curate.<\/em><\/h3>\n        <p>Admin kirim pilihan produk + mockup design hampers sesuai brief. Lo bisa request revisi sampai feeling-nya pas.<\/p>\n        <ul class=\"process-detail-list\">\n          <li>Mockup desain gratis<\/li>\n          <li>Revisi unlimited sampai approve<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"process-step\">\n        <div class=\"process-num\">03<\/div>\n        <span class=\"process-tag\">3-7 Hari<\/span>\n        <h3>Produksi &<br><em>kirim.<\/em><\/h3>\n        <p>Setelah approve & DP, tim Daisy mulai produksi. Setiap hampers diisi tangan, di-quality check, lalu dikirim ke alamat lo.<\/p>\n        <ul class=\"process-detail-list\">\n          <li>Hand-curated per pouch<\/li>\n          <li>Pengiriman ke seluruh Indonesia<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"process-time-row\">\n      <div class=\"process-time-icon\">\u26a1<\/div>\n      <div class=\"process-time-text\">\n        <strong>Rush order?<\/strong> Bisa pesan H-3 acara untuk quantity sampai 100 pcs. Hubungi admin untuk konfirmasi availability.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     SECTION 08 \u2014 FINAL CTA + MINI FOOTER\n     ============================================================ -->\n<style>\n  .sec-final {\n    background: var(--olive);\n    color: #fff;\n    padding: 120px 0 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .sec-final::before {\n    content: '';\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    border-radius: 50%;\n    background: var(--strawberries);\n    opacity: 0.2;\n    top: -200px;\n    left: -200px;\n    filter: blur(60px);\n  }\n  .sec-final::after {\n    content: '';\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: var(--marigold);\n    opacity: 0.15;\n    bottom: -200px;\n    right: -150px;\n    filter: blur(60px);\n  }\n  .sec-final .container {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .final-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 12px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--strawberries);\n    padding: 8px 18px;\n    border: 1.5px solid var(--strawberries);\n    border-radius: 100px;\n    margin-bottom: 32px;\n  }\n  .final-eyebrow::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--marigold);\n    animation: pulse-dot 1.5s ease-in-out infinite;\n  }\n  @keyframes pulse-dot {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.4); opacity: 0.6; }\n  }\n\n  .final-title {\n    font-size: clamp(48px, 7vw, 110px);\n    font-weight: 700;\n    line-height: 0.92;\n    letter-spacing: -0.035em;\n    color: #fff;\n    margin-bottom: 32px;\n    max-width: 14ch;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .final-title em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--strawberries);\n  }\n  .final-sub {\n    font-size: clamp(17px, 1.6vw, 21px);\n    line-height: 1.55;\n    color: rgba(255,255,255,0.85);\n    max-width: 56ch;\n    margin: 0 auto 48px;\n  }\n  .final-sub strong { color: #fff; font-weight: 700; }\n\n  .final-cta-mega {\n    display: inline-flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px 44px;\n    background: var(--whatsapp);\n    color: #fff !important;\n    text-decoration: none;\n    border-radius: 100px;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-weight: 700;\n    font-size: 19px;\n    letter-spacing: 0.01em;\n    transition: all 0.3s cubic-bezier(.2,.7,.3,1);\n    box-shadow: 0 16px 40px -8px rgba(37, 211, 102, 0.5);\n    margin-bottom: 24px;\n  }\n  .final-cta-mega:hover {\n    background: var(--whatsapp-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 20px 50px -10px rgba(37, 211, 102, 0.6);\n  }\n  .final-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 32px;\n    margin-bottom: 80px;\n    flex-wrap: wrap;\n    color: rgba(255,255,255,0.78);\n    font-size: 14px;\n  }\n  .final-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .final-meta-item strong { color: #fff; font-weight: 700; }\n\n  .final-trust-strip {\n    border-top: 1px solid rgba(255,255,255,0.18);\n    border-bottom: 1px solid rgba(255,255,255,0.18);\n    padding: 32px 0;\n    margin-bottom: 56px;\n  }\n  .final-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n  }\n  .final-trust-cell {\n    text-align: center;\n    border-right: 1px solid rgba(255,255,255,0.12);\n    padding: 0 16px;\n  }\n  .final-trust-cell:last-child { border-right: none; }\n  .final-trust-num {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--marigold);\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .final-trust-lbl {\n    font-size: 11px;\n    color: rgba(255,255,255,0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    font-weight: 600;\n  }\n\n  \/* Footer *\/\n  .final-footer {\n    background: var(--olive-deep);\n    padding: 56px 0 32px;\n    color: rgba(255,255,255,0.7);\n  }\n  .footer-row {\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 40px;\n  }\n  .footer-brand-mark {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 32px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 12px;\n    letter-spacing: -0.02em;\n  }\n  .footer-brand-mark em {\n    font-style: italic;\n    color: var(--strawberries);\n    font-weight: 500;\n  }\n  .footer-brand-desc {\n    font-size: 13px;\n    line-height: 1.6;\n    max-width: 36ch;\n    margin-bottom: 16px;\n  }\n  .footer-col h5 {\n    font-size: 12px;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--strawberries);\n    font-weight: 700;\n    margin-bottom: 16px;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n  .footer-col ul {\n    list-style: none;\n  }\n  .footer-col li {\n    padding: 4px 0;\n    font-size: 13px;\n    line-height: 1.7;\n  }\n  .footer-col a {\n    color: rgba(255,255,255,0.7);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n  .footer-col a:hover { color: var(--strawberries); }\n  .footer-bottom {\n    text-align: center;\n    padding-top: 24px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    font-size: 12px;\n    color: rgba(255,255,255,0.5);\n  }\n\n  @media (max-width: 900px) {\n    .sec-final { padding: 80px 0 0; }\n    .final-meta-row { gap: 16px; }\n    .final-trust-grid { grid-template-columns: 1fr 1fr; gap: 24px; }\n    .final-trust-cell { border-right: none; }\n    .final-trust-cell:nth-child(2) { border-right: none; }\n    .footer-row { grid-template-columns: 1fr 1fr; gap: 32px; }\n  }\n  @media (max-width: 560px) {\n    .footer-row { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"sec-final\" id=\"final-cta\">\n  <div class=\"container\">\n    <span class=\"final-eyebrow\">Admin Online Sekarang<\/span>\n    <h1 class=\"final-title\">Bikin acaranya jadi <em>tak terlupakan.<\/em><\/h1>\n    <p class=\"final-sub\">Konsultasi gratis langsung dengan admin Daisy. <strong>Tidak ada minimum order, tidak ada commitment<\/strong> \u2014 kita bantu lo dari brainstorming tema sampai hampers diterima tamu.<\/p>\n\n    <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" class=\"final-cta-mega\" target=\"_blank\" rel=\"noopener\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n      <\/svg>\n      Hubungi Admin Kami via WhatsApp\n    <\/a>\n\n    <div class=\"final-meta-row\">\n      <div class=\"final-meta-item\">\u26a1 <strong>Respon &lt; 30 menit<\/strong><\/div>\n      <div class=\"final-meta-item\">\ud83d\udcac Bahasa santai<\/div>\n      <div class=\"final-meta-item\">\ud83c\udf81 Free konsultasi<\/div>\n    <\/div>\n\n    <div class=\"final-trust-strip\">\n      <div class=\"final-trust-grid\">\n        <div class=\"final-trust-cell\">\n          <div class=\"final-trust-num\">12K+<\/div>\n          <div class=\"final-trust-lbl\">Hampers Terkirim<\/div>\n        <\/div>\n        <div class=\"final-trust-cell\">\n          <div class=\"final-trust-num\">98%<\/div>\n          <div class=\"final-trust-lbl\">Repeat Order<\/div>\n        <\/div>\n        <div class=\"final-trust-cell\">\n          <div class=\"final-trust-num\">4.9\u2605<\/div>\n          <div class=\"final-trust-lbl\">Customer Rating<\/div>\n        <\/div>\n        <div class=\"final-trust-cell\">\n          <div class=\"final-trust-num\">5+<\/div>\n          <div class=\"final-trust-lbl\">Tahun Berkarya<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <footer class=\"final-footer\">\n    <div class=\"container\">\n      <div class=\"footer-row\">\n        <div class=\"footer-col\">\n          <div class=\"footer-brand-mark\">Daisy by <em>Namu.<\/em><\/div>\n          <p class=\"footer-brand-desc\">Snack hampers & kids party gifting paling ceria di Indonesia. Bringing the happy experience, memorable for everyone.<\/p>\n          <p style=\"font-size:12px; color:rgba(255,255,255,0.5);\">PT Namu Kreativa<br>Kembangan, Jakarta Barat<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Produk<\/h5>\n          <ul>\n            <li>Snack Pouch<\/li>\n            <li>Jumbo Candy<\/li>\n            <li>Coco Candy<\/li>\n            <li>DIY Activities<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Okasi<\/h5>\n          <ul>\n            <li>Ulang Tahun<\/li>\n            <li>Aqiqah & Manyue<\/li>\n            <li>Baby Shower<\/li>\n            <li>Graduation<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Kontak<\/h5>\n          <ul>\n            <li><a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" target=\"_blank\" rel=\"noopener\">WhatsApp Admin<\/a><\/li>\n            <li>@daisybynamu<\/li>\n            <li>hello@daisybynamu.id<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        \u00a9 2026 PT Namu Kreativa. Daisy by Namu\u2122 \u2014 All rights reserved.\n      <\/div>\n    <\/div>\n  <\/footer>\n<\/section>\n\n\n<!-- ============================================================\n     FLOATING STICKY WHATSAPP BUTTON\n     Place anywhere \u2014 appears fixed bottom-right on all pages\n     ============================================================ -->\n<style>\n  .wa-float {\n    position: fixed;\n    bottom: 24px;\n    right: 24px;\n    z-index: 999;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 22px 14px 16px;\n    background: var(--whatsapp);\n    color: #fff;\n    text-decoration: none;\n    border-radius: 100px;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    box-shadow: 0 8px 28px -6px rgba(37, 211, 102, 0.55), 0 2px 8px rgba(0,0,0,0.1);\n    transition: all 0.3s cubic-bezier(.2,.7,.3,1);\n    animation: wa-pop-in 0.6s ease 1s both;\n  }\n  .wa-float:hover {\n    background: var(--whatsapp-dark);\n    transform: translateY(-3px) scale(1.02);\n    box-shadow: 0 14px 36px -8px rgba(37, 211, 102, 0.65), 0 4px 12px rgba(0,0,0,0.15);\n  }\n  .wa-float-icon {\n    width: 36px;\n    height: 36px;\n    background: rgba(255,255,255,0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n  }\n  .wa-float-icon::before {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    background: var(--whatsapp);\n    z-index: -1;\n    animation: wa-pulse 2s ease-in-out infinite;\n  }\n  .wa-float-icon svg {\n    width: 22px;\n    height: 22px;\n    fill: currentColor;\n  }\n  .wa-float-text {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.2;\n  }\n  .wa-float-text small {\n    font-size: 10px;\n    opacity: 0.85;\n    font-weight: 500;\n    letter-spacing: 0.05em;\n  }\n  \n  @keyframes wa-pop-in {\n    0% { opacity: 0; transform: translateY(40px) scale(0.6); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n  @keyframes wa-pulse {\n    0%, 100% { transform: scale(1); opacity: 0.6; }\n    50% { transform: scale(1.3); opacity: 0; }\n  }\n\n  @media (max-width: 560px) {\n    .wa-float {\n      bottom: 16px;\n      right: 16px;\n      padding: 12px 18px 12px 12px;\n    }\n    .wa-float-text { display: none; }\n    .wa-float-icon { width: 32px; height: 32px; }\n  }\n<\/style>\n\n<a href=\"https:\/\/api.whatsapp.com\/send?phone=6287830398899&text=Halo%20Daisy%20by%20Namu%2C%20saya%20tertarik%20untuk%20konsultasi%20dengan%20admin%20terkait%20Produk%20nya.%20%5BJangan%20Menghapus%20Pesan%20Awal%20Ini%20ya%20%5D%5B9%5D%F0%9F%98%80\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hubungi Admin via WhatsApp\">\n  <span class=\"wa-float-icon\">\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n    <\/svg>\n  <\/span>\n  <span class=\"wa-float-text\">\n    <strong>Chat Admin<\/strong>\n    <small>Respon &lt; 30 menit<\/small>\n  <\/span>\n<\/a>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Daisy by Namu \u2014 Snack Hampers Premium untuk Acara Anak<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":7,"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/daisybynamu.com\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}