{"product_id":"mosquitoes-net","title":"KINLY™ Peaceful Sleep Net (Mosquito Net)","description":"\u003csection class=\"kinly-store\"\u003e\n\n  \u003cdiv class=\"kinly-wrapper\"\u003e\n\n    \u003c!-- =========================\n         HERO\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-hero\"\u003e\n\n      \u003cdiv class=\"kinly-hero-content\"\u003e\n\n        \u003cdiv class=\"kinly-brand\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e KINLY™\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"kinly-eyebrow\"\u003e\n          PEACEFUL SLEEP NET\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          More sleep.\u003cbr\u003e\n          \u003cem\u003eLess bites.\u003c\/em\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"kinly-hero-text\"\u003e\n          Gentle protection from mosquitoes and insects,\n          so your little one can rest peacefully and comfortably.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"kinly-hero-benefits\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e◈\u003c\/span\u003e\n            Full mosquito \u0026amp; insect protection\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e〰\u003c\/span\u003e\n            Ultra-fine breathable mesh\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e⌑\u003c\/span\u003e\n            Fits prams, strollers, bassinets \u0026amp; cots\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e☾\u003c\/span\u003e\n            Designed for peaceful nights\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003ca href=\"#kinly-shop\" class=\"kinly-button\"\u003e\n          Shop Peaceful Sleep Net\n          \u003cspan\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"kinly-note\"\u003e\n          ✓ Designed with baby's comfort in mind\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- IMAGE-FREE HERO VISUAL --\u003e\n\n      \u003cdiv class=\"kinly-hero-visual\"\u003e\n\n        \u003cdiv class=\"kinly-glow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"kinly-moon\"\u003e\n          ☾\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"kinly-net\"\u003e\n\n          \u003cdiv class=\"kinly-net-lines\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"kinly-sleep-symbol\"\u003e\n            Z\u003csmall\u003ez\u003c\/small\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kinly-net-base\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"kinly-floating-card\"\u003e\n\n          \u003cdiv class=\"kinly-floating-icon\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003ePeaceful nights\u003c\/strong\u003e\n            \u003csmall\u003eGentle insect protection\u003c\/small\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         TRUST STRIP\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-trust\"\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e◈\u003c\/span\u003e\n        \u003cstrong\u003eINSECT PROTECTION\u003c\/strong\u003e\n        \u003csmall\u003eHelps keep unwanted insects away\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e〰\u003c\/span\u003e\n        \u003cstrong\u003eBREATHABLE MESH\u003c\/strong\u003e\n        \u003csmall\u003eDesigned for comfortable airflow\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e⌑\u003c\/span\u003e\n        \u003cstrong\u003eVERSATILE FIT\u003c\/strong\u003e\n        \u003csmall\u003ePrams, strollers, bassinets \u0026amp; cots\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e☾\u003c\/span\u003e\n        \u003cstrong\u003ePEACEFUL SLEEP\u003c\/strong\u003e\n        \u003csmall\u003eMade for calmer nights\u003c\/small\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         INTRO\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-intro reveal\"\u003e\n\n      \u003cdiv class=\"label\"\u003e\n        WHY KINLY™\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Small details.\u003cbr\u003e\n        \u003cem\u003eA better night's rest.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        KINLY™ creates a comfortable protective barrier\n        between your little one and unwanted nighttime\n        visitors — without compromising the airflow they need.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         BENEFITS\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-benefits\"\u003e\n\n\n      \u003cdiv class=\"benefit-card reveal\"\u003e\n\n        \u003cdiv class=\"card-top\"\u003e\n          \u003cspan\u003e◈\u003c\/span\u003e\n          \u003csmall\u003e01\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Gentle insect protection\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The fine mesh helps create a protective barrier\n          against mosquitoes and other unwanted insects.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"card-line\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"benefit-card reveal\"\u003e\n\n        \u003cdiv class=\"card-top\"\u003e\n          \u003cspan\u003e〰\u003c\/span\u003e\n          \u003csmall\u003e02\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Breathable comfort\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Ultra-fine mesh is designed to allow air to\n          circulate while keeping insects on the outside.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"card-line\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"benefit-card reveal\"\u003e\n\n        \u003cdiv class=\"card-top\"\u003e\n          \u003cspan\u003e⌑\u003c\/span\u003e\n          \u003csmall\u003e03\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Everyday versatility\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed for use with prams, strollers,\n          bassinets and compatible cots.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"card-line\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"benefit-card reveal\"\u003e\n\n        \u003cdiv class=\"card-top\"\u003e\n          \u003cspan\u003e☾\u003c\/span\u003e\n          \u003csmall\u003e04\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Peaceful nights\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to help create a calmer and more\n          comfortable sleep environment.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"card-line\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         FIT SECTION\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-fit reveal\"\u003e\n\n      \u003cdiv class=\"fit-copy\"\u003e\n\n        \u003cdiv class=\"label\"\u003e\n          ONE NET. MANY MOMENTS.\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Designed to fit.\u003cbr\u003e\n          \u003cem\u003eMade for everyday life.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          From naps at home to adventures outside,\n          KINLY™ is designed to fit naturally into\n          your little one's everyday routine.\n        \u003c\/p\u003e\n\n        \u003ca href=\"#kinly-shop\" class=\"text-link\"\u003e\n          Discover KINLY™ →\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fit-grid\"\u003e\n\n        \u003cdiv class=\"fit-card reveal\"\u003e\n          \u003cdiv class=\"fit-visual bassinet\"\u003e\n            \u003cspan\u003e☾\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cstrong\u003eBASSINETS\u003c\/strong\u003e\n          \u003csmall\u003ePeaceful naps\u003c\/small\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fit-card reveal\"\u003e\n          \u003cdiv class=\"fit-visual pram\"\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cstrong\u003ePRAMS\u003c\/strong\u003e\n          \u003csmall\u003eProtection on the go\u003c\/small\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fit-card reveal\"\u003e\n          \u003cdiv class=\"fit-visual stroller\"\u003e\n            \u003cspan\u003e〰\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cstrong\u003eSTROLLERS\u003c\/strong\u003e\n          \u003csmall\u003eComfort outdoors\u003c\/small\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fit-card reveal\"\u003e\n          \u003cdiv class=\"fit-visual cot\"\u003e\n            \u003cspan\u003e☾\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cstrong\u003eCOTS\u003c\/strong\u003e\n          \u003csmall\u003eCalmer nights\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         PRODUCT DIFFERENCE\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-difference\"\u003e\n\n      \u003cdiv class=\"difference-visual reveal\"\u003e\n\n        \u003cdiv class=\"difference-moon\"\u003e\n          ☾\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"difference-net\"\u003e\n\n          \u003cdiv class=\"mesh\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"sleep-text\"\u003e\n            peaceful\u003cbr\u003e\n            \u003cstrong\u003esleep\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"difference-copy reveal\"\u003e\n\n        \u003cdiv class=\"label\"\u003e\n          THE KINLY™ DIFFERENCE\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Peace of mind\u003cbr\u003e\n          for the moments\u003cbr\u003e\n          \u003cem\u003ethat matter.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Parenthood is full of things to think about.\n          KINLY™ is designed to make one of them a little\n          simpler: keeping unwanted insects away while\n          your little one rests.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"feature-list\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003eFine protective mesh\u003c\/strong\u003e\n              \u003csmall\u003e\n                Designed to provide coverage without\n                feeling heavy.\n              \u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003eLightweight design\u003c\/strong\u003e\n              \u003csmall\u003e\n                Easy to use as part of your everyday routine.\n              \u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003eEasy to store\u003c\/strong\u003e\n              \u003csmall\u003e\n                Convenient for travel and everyday use.\n              \u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003eEveryday versatility\u003c\/strong\u003e\n              \u003csmall\u003e\n                Designed for compatible sleep and\n                travel setups.\n              \u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         HOW IT HELPS\n    ========================== --\u003e\n\n    \u003cdiv class=\"how-section reveal\"\u003e\n\n      \u003cdiv class=\"label\"\u003e\n        A SIMPLE LAYER OF PROTECTION\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Sleep better.\u003cbr\u003e\n        \u003cem\u003eWorry less.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"how-steps\"\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cstrong\u003ePlace\u003c\/strong\u003e\n          \u003cp\u003e\n            Position the net over your compatible\n            sleep setup.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cstrong\u003eSecure\u003c\/strong\u003e\n          \u003cp\u003e\n            Ensure the net is fitted correctly and securely.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cstrong\u003eRelax\u003c\/strong\u003e\n          \u003cp\u003e\n            Enjoy a calmer environment while your\n            little one rests.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         TESTIMONIAL\n    ========================== --\u003e\n\n    \u003cdiv class=\"kinly-testimonial reveal\"\u003e\n\n      \u003cdiv class=\"stars\"\u003e\n        ★ ★ ★ ★ ★\n      \u003c\/div\u003e\n\n      \u003cblockquote\u003e\n        “A simple little thing that makes such a\n        difference to our evenings.”\n      \u003c\/blockquote\u003e\n\n      \u003cp\u003e\n        — KINLY™ parent\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         REASSURANCE\n    ========================== --\u003e\n\n    \u003cdiv class=\"reassurance reveal\"\u003e\n\n      \u003cdiv class=\"label\"\u003e\n        SHOP WITH CONFIDENCE\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Simple. Thoughtful.\u003cbr\u003e\n        \u003cem\u003eMade for parents.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n\n      \u003cdiv class=\"reassurance-grid\"\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e↺\u003c\/span\u003e\n          \u003cstrong\u003eEasy returns\u003c\/strong\u003e\n          \u003csmall\u003e\n            Shop with confidence according to\n            our store policy.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n          \u003cspan\u003e□\u003c\/span\u003e\n          \u003cstrong\u003eSecure checkout\u003c\/strong\u003e\n          \u003csmall\u003e\n            Your order is processed through\n            Shopify's secure checkout.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n          \u003cspan\u003e✧\u003c\/span\u003e\n          \u003cstrong\u003eThoughtful design\u003c\/strong\u003e\n          \u003csmall\u003e\n            Created around comfort and convenience.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n          \u003cspan\u003e♡\u003c\/span\u003e\n          \u003cstrong\u003eMade for parents\u003c\/strong\u003e\n          \u003csmall\u003e\n            Designed for everyday baby routines.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         FINAL CTA\n    ========================== --\u003e\n\n    \u003cdiv id=\"kinly-shop\" class=\"final-cta reveal\"\u003e\n\n      \u003cdiv class=\"final-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"final-content\"\u003e\n\n        \u003cdiv class=\"label\"\u003e\n          KINLY™ PEACEFUL SLEEP NET\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Give them a\u003cbr\u003e\n          \u003cem\u003ecalmer night.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          More sleep. Less bites.\u003cbr\u003e\n          Gentle protection for peaceful moments.\n        \u003c\/p\u003e\n\n        \u003ca href=\"\/products\/kinly-peaceful-sleep-net\" class=\"kinly-button light\"\u003e\n          Shop KINLY™\n          \u003cspan\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"final-note\"\u003e\n          ✦ Designed for peaceful nights\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================\n       MOBILE STICKY CTA\n  ========================== --\u003e\n\n  \u003cdiv class=\"mobile-cta\"\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003eKINLY™ Peaceful Sleep Net\u003c\/strong\u003e\n      \u003cspan\u003eMore sleep. Less bites.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ca href=\"\/products\/kinly-peaceful-sleep-net\"\u003e\n      Shop Now →\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   KINLY™ DESIGN SYSTEM\n========================================================= *\/\n\n.kinly-store {\n\n  --cream: #f7f4ee;\n  --cream-dark: #ebe6dc;\n  --sage: #788878;\n  --sage-dark: #536456;\n  --green: #29342c;\n  --text: #29312b;\n  --muted: #747b74;\n  --white: #ffffff;\n\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(170,190,170,.18),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 50%,\n      rgba(225,214,195,.25),\n      transparent 30%\n    ),\n    var(--cream);\n\n  color: var(--text);\n\n  padding: 80px 20px 100px;\n\n  overflow: hidden;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n}\n\n\n.kinly-wrapper {\n\n  max-width: 1200px;\n\n  margin: auto;\n\n}\n\n\n.kinly-store h1,\n.kinly-store h2,\n.kinly-store h3 {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-weight: 400;\n\n}\n\n\n.kinly-store em {\n\n  color: var(--sage);\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.kinly-hero {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 70px;\n\n  align-items: center;\n\n  min-height: 650px;\n\n  margin-bottom: 90px;\n\n}\n\n\n.kinly-hero-content {\n\n  animation:\n    heroIn 1s cubic-bezier(.22,1,.36,1);\n\n}\n\n\n@keyframes heroIn {\n\n  from {\n\n    opacity: 0;\n\n    transform: translateY(35px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n  }\n\n}\n\n\n.kinly-brand {\n\n  font-family: Georgia, serif;\n\n  letter-spacing: 3px;\n\n  font-size: 19px;\n\n  margin-bottom: 35px;\n\n}\n\n\n.kinly-brand span {\n\n  color: var(--sage);\n\n}\n\n\n.kinly-eyebrow,\n.label {\n\n  color: var(--sage-dark);\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n}\n\n\n.kinly-eyebrow {\n\n  margin-bottom: 18px;\n\n}\n\n\n.kinly-hero h1 {\n\n  font-size:\n    clamp(58px,7vw,92px);\n\n  line-height: .9;\n\n  letter-spacing: -5px;\n\n  margin: 0 0 28px;\n\n}\n\n\n.kinly-hero-text {\n\n  max-width: 520px;\n\n  color: var(--muted);\n\n  font-size: 16px;\n\n  line-height: 1.8;\n\n}\n\n\n.kinly-hero-benefits {\n\n  display: grid;\n\n  gap: 12px;\n\n  margin: 28px 0;\n\n}\n\n\n.kinly-hero-benefits div {\n\n  display: flex;\n\n  gap: 12px;\n\n  align-items: center;\n\n  font-size: 13px;\n\n}\n\n\n.kinly-hero-benefits span {\n\n  color: var(--sage);\n\n  width: 22px;\n\n  text-align: center;\n\n}\n\n\n.kinly-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 18px;\n\n  padding: 17px 26px;\n\n  border-radius: 100px;\n\n  background: var(--green);\n\n  color: white;\n\n  text-decoration: none;\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  transition: .35s ease;\n\n}\n\n\n.kinly-button:hover {\n\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 18px 40px rgba(40,50,42,.2);\n\n}\n\n\n.kinly-button span {\n\n  font-size: 19px;\n\n  transition: .3s;\n\n}\n\n\n.kinly-button:hover span {\n\n  transform: translateX(5px);\n\n}\n\n\n.kinly-note {\n\n  color: var(--muted);\n\n  font-size: 10px;\n\n  margin-top: 15px;\n\n}\n\n\n\/* =========================================================\n   HERO VISUAL\n========================================================= *\/\n\n.kinly-hero-visual {\n\n  height: 620px;\n\n  position: relative;\n\n  border-radius: 40px;\n\n  overflow: hidden;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      #ffffff 0,\n      #eeeae1 45%,\n      #dcd7cb 100%\n    );\n\n  box-shadow:\n    0 35px 80px rgba(60,65,55,.13);\n\n  animation:\n    visualIn 1.2s .15s both;\n\n}\n\n\n@keyframes visualIn {\n\n  from {\n\n    opacity: 0;\n\n    transform: scale(.96);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform: scale(1);\n\n  }\n\n}\n\n\n.kinly-glow {\n\n  position: absolute;\n\n  width: 400px;\n\n  height: 400px;\n\n  border-radius: 50%;\n\n  background: rgba(170,190,170,.2);\n\n  filter: blur(50px);\n\n  animation:\n    glowFloat 6s ease-in-out infinite;\n\n}\n\n\n@keyframes glowFloat {\n\n  0%,100% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.15);\n  }\n\n}\n\n\n.kinly-moon {\n\n  position: absolute;\n\n  top: 45px;\n\n  right: 55px;\n\n  font-size: 48px;\n\n  color: white;\n\n  opacity: .8;\n\n  animation:\n    moonFloat 5s ease-in-out infinite;\n\n}\n\n\n@keyframes moonFloat {\n\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-10px);\n  }\n\n}\n\n\n\/* NET SHAPE *\/\n\n.kinly-net {\n\n  width: 330px;\n\n  height: 430px;\n\n  position: relative;\n\n  border:\n    2px solid rgba(255,255,255,.8);\n\n  border-radius:\n    50% 50% 35% 35%;\n\n  background:\n    rgba(255,255,255,.24);\n\n  box-shadow:\n    0 30px 70px rgba(70,75,65,.14);\n\n  animation:\n    netFloat 5s ease-in-out infinite;\n\n}\n\n\n@keyframes netFloat {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-13px);\n\n  }\n\n}\n\n\n.kinly-net-lines {\n\n  position: absolute;\n\n  inset: 0;\n\n  border-radius: inherit;\n\n  opacity: .5;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 12px,\n      rgba(255,255,255,.35) 13px\n    ),\n    repeating-linear-gradient(\n      0deg,\n      transparent 0,\n      transparent 12px,\n      rgba(255,255,255,.25) 13px\n    );\n\n}\n\n\n.kinly-sleep-symbol {\n\n  position: absolute;\n\n  left: 50%;\n\n  top: 42%;\n\n  transform: translate(-50%,-50%);\n\n  color: rgba(90,105,92,.25);\n\n  font-family: Georgia, serif;\n\n  font-size: 48px;\n\n  letter-spacing: -5px;\n\n}\n\n\n.kinly-sleep-symbol small {\n\n  font-size: 28px;\n\n}\n\n\n.kinly-net-base {\n\n  position: absolute;\n\n  left: -30px;\n\n  right: -30px;\n\n  bottom: -2px;\n\n  height: 60px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.55);\n\n  box-shadow:\n    0 20px 40px rgba(60,65,55,.1);\n\n}\n\n\n.kinly-floating-card {\n\n  position: absolute;\n\n  right: 25px;\n\n  bottom: 25px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  padding: 14px 17px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  backdrop-filter: blur(15px);\n\n  border-radius: 17px;\n\n  box-shadow:\n    0 15px 35px rgba(50,50,40,.1);\n\n}\n\n\n.kinly-floating-icon {\n\n  width: 35px;\n\n  height: 35px;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background: var(--sage);\n\n  color: white;\n\n}\n\n\n.kinly-floating-card strong,\n.kinly-floating-card small {\n\n  display: block;\n\n}\n\n\n.kinly-floating-card strong {\n\n  font-size: 11px;\n\n}\n\n\n.kinly-floating-card small {\n\n  color: var(--muted);\n\n  font-size: 9px;\n\n  margin-top: 3px;\n\n}\n\n\n\/* =========================================================\n   TRUST\n========================================================= *\/\n\n.kinly-trust {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border-top:\n    1px solid rgba(50,60,50,.1);\n\n  border-bottom:\n    1px solid rgba(50,60,50,.1);\n\n  margin-bottom: 130px;\n\n}\n\n\n.kinly-trust \u003e div {\n\n  padding: 25px 18px;\n\n  display: flex;\n\n  gap: 14px;\n\n  align-items: center;\n\n  border-right:\n    1px solid rgba(50,60,50,.1);\n\n}\n\n\n.kinly-trust \u003e div:last-child {\n\n  border-right: 0;\n\n}\n\n\n.kinly-trust span {\n\n  color: var(--sage);\n\n  font-size: 23px;\n\n}\n\n\n.kinly-trust strong,\n.kinly-trust small {\n\n  display: block;\n\n}\n\n\n.kinly-trust strong {\n\n  font-size: 9px;\n\n  letter-spacing: 1px;\n\n}\n\n\n.kinly-trust small {\n\n  color: var(--muted);\n\n  font-size: 9px;\n\n  margin-top: 4px;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.kinly-intro {\n\n  text-align: center;\n\n  max-width: 700px;\n\n  margin:\n    0 auto 60px;\n\n}\n\n\n.kinly-intro h2 {\n\n  font-size:\n    clamp(43px,5vw,65px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  margin: 18px 0 22px;\n\n}\n\n\n.kinly-intro p {\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.8;\n\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.kinly-benefits {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 14px;\n\n  margin-bottom: 150px;\n\n}\n\n\n.benefit-card {\n\n  min-height: 300px;\n\n  padding: 30px;\n\n  border-radius: 25px;\n\n  background:\n    rgba(255,255,255,.52);\n\n  border:\n    1px solid rgba(50,60,50,.08);\n\n  transition:\n    .45s ease;\n\n}\n\n\n.benefit-card:hover {\n\n  transform:\n    translateY(-9px);\n\n  background: white;\n\n  box-shadow:\n    0 25px 55px rgba(50,60,50,.1);\n\n}\n\n\n.card-top {\n\n  display: flex;\n\n  justify-content: space-between;\n\n}\n\n\n.card-top span {\n\n  font-size: 28px;\n\n  color: var(--sage);\n\n}\n\n\n.card-top small {\n\n  color: #9ca39c;\n\n  font-size: 9px;\n\n}\n\n\n.benefit-card h3 {\n\n  font-size: 25px;\n\n  margin-top: 70px;\n\n}\n\n\n.benefit-card p {\n\n  color: var(--muted);\n\n  font-size: 12px;\n\n  line-height: 1.7;\n\n}\n\n\n.card-line {\n\n  width: 30px;\n\n  height: 1px;\n\n  background: var(--sage);\n\n  margin-top: 25px;\n\n  transition: .4s;\n\n}\n\n\n.benefit-card:hover .card-line {\n\n  width: 70px;\n\n}\n\n\n\/* =========================================================\n   FIT\n========================================================= *\/\n\n.kinly-fit {\n\n  display: grid;\n\n  grid-template-columns:\n    .7fr 1.3fr;\n\n  gap: 70px;\n\n  align-items: center;\n\n  margin-bottom: 150px;\n\n}\n\n\n.fit-copy h2 {\n\n  font-size:\n    clamp(43px,5vw,65px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  margin: 18px 0;\n\n}\n\n\n.fit-copy p {\n\n  color: var(--muted);\n\n  line-height: 1.8;\n\n  font-size: 14px;\n\n}\n\n\n.text-link {\n\n  display: inline-block;\n\n  color: var(--green);\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  text-decoration: none;\n\n  border-bottom:\n    1px solid rgba(40,50,42,.3);\n\n  padding-bottom: 7px;\n\n  margin-top: 15px;\n\n}\n\n\n.fit-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 14px;\n\n}\n\n\n.fit-card {\n\n  overflow: hidden;\n\n  background: white;\n\n  border-radius: 22px;\n\n  box-shadow:\n    0 10px 30px rgba(50,50,40,.06);\n\n  transition: .4s ease;\n\n}\n\n\n.fit-card:hover {\n\n  transform:\n    translateY(-7px);\n\n}\n\n\n.fit-visual {\n\n  height: 180px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  position: relative;\n\n  overflow: hidden;\n\n}\n\n\n.fit-visual::before {\n\n  content: '';\n\n  position: absolute;\n\n  width: 170px;\n\n  height: 220px;\n\n  border:\n    2px solid rgba(255,255,255,.8);\n\n  border-radius:\n    50% 50% 25% 25%;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      rgba(255,255,255,.1) 0,\n      rgba(255,255,255,.1) 8px,\n      transparent 9px,\n      transparent 15px\n    );\n\n}\n\n\n.bassinet {\n  background:\n    linear-gradient(135deg,#dcd5c8,#f2eee6);\n}\n\n\n.pram {\n  background:\n    linear-gradient(135deg,#cbd4c9,#e7ebe4);\n}\n\n\n.stroller {\n  background:\n    linear-gradient(135deg,#d6d9d2,#f0eee8);\n}\n\n\n.cot {\n  background:\n    linear-gradient(135deg,#d8d0c2,#eee9df);\n}\n\n\n.fit-visual span {\n\n  position: relative;\n\n  z-index: 2;\n\n  color: rgba(80,95,82,.4);\n\n  font-size: 34px;\n\n}\n\n\n.fit-card strong,\n.fit-card small {\n\n  display: block;\n\n  padding-left: 17px;\n\n}\n\n\n.fit-card strong {\n\n  font-size: 10px;\n\n  letter-spacing: 1.5px;\n\n  margin-top: 16px;\n\n}\n\n\n.fit-card small {\n\n  color: var(--muted);\n\n  font-size: 9px;\n\n  padding-bottom: 18px;\n\n  margin-top: 4px;\n\n}\n\n\n\/* =========================================================\n   DIFFERENCE\n========================================================= *\/\n\n.kinly-difference {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 80px;\n\n  align-items: center;\n\n  margin-bottom: 150px;\n\n}\n\n\n.difference-visual {\n\n  height: 570px;\n\n  border-radius: 35px;\n\n  background:\n    radial-gradient(\n      circle at center,\n      #ffffff,\n      #e7e2d8\n    );\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  overflow: hidden;\n\n}\n\n\n.difference-moon {\n\n  position: absolute;\n\n  right: 45px;\n\n  top: 40px;\n\n  font-size: 45px;\n\n  color: white;\n\n}\n\n\n.difference-net {\n\n  width: 290px;\n\n  height: 390px;\n\n  border:\n    2px solid rgba(255,255,255,.85);\n\n  border-radius:\n    50% 50% 30% 30%;\n\n  position: relative;\n\n  background:\n    rgba(255,255,255,.22);\n\n  box-shadow:\n    0 30px 70px rgba(50,60,50,.1);\n\n  animation:\n    netFloat 5s ease-in-out infinite;\n\n}\n\n\n.mesh {\n\n  position: absolute;\n\n  inset: 0;\n\n  border-radius: inherit;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 11px,\n      rgba(255,255,255,.35) 12px\n    );\n\n}\n\n\n.sleep-text {\n\n  position: absolute;\n\n  left: 50%;\n\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  text-align: center;\n\n  font-family: Georgia, serif;\n\n  color: rgba(70,80,70,.4);\n\n  font-size: 15px;\n\n  letter-spacing: 3px;\n\n}\n\n\n.sleep-text strong {\n\n  font-size: 34px;\n\n  letter-spacing: 0;\n\n}\n\n\n.difference-copy h2 {\n\n  font-size:\n    clamp(43px,5vw,65px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  margin: 18px 0 25px;\n\n}\n\n\n.difference-copy \u003e p {\n\n  color: var(--muted);\n\n  line-height: 1.8;\n\n  font-size: 14px;\n\n}\n\n\n.feature-list {\n\n  display: grid;\n\n  gap: 22px;\n\n  margin-top: 35px;\n\n}\n\n\n.feature-list \u003e div {\n\n  display: flex;\n\n  gap: 15px;\n\n}\n\n\n.feature-list \u003e div \u003e span {\n\n  color: var(--sage);\n\n}\n\n\n.feature-list strong,\n.feature-list small {\n\n  display: block;\n\n}\n\n\n.feature-list strong {\n\n  font-size: 13px;\n\n}\n\n\n.feature-list small {\n\n  color: var(--muted);\n\n  font-size: 11px;\n\n  margin-top: 5px;\n\n  line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   HOW SECTION\n========================================================= *\/\n\n.how-section {\n\n  text-align: center;\n\n  margin-bottom: 140px;\n\n}\n\n\n.how-section h2 {\n\n  font-size:\n    clamp(43px,5vw,65px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  margin: 18px 0 60px;\n\n}\n\n\n.how-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  max-width: 900px;\n\n  margin: auto;\n\n}\n\n\n.how-steps \u003e div {\n\n  padding: 25px;\n\n  border-right:\n    1px solid rgba(50,60,50,.1);\n\n}\n\n\n.how-steps \u003e div:last-child {\n\n  border-right: 0;\n\n}\n\n\n.how-steps span {\n\n  display: block;\n\n  color: var(--sage);\n\n  font-size: 10px;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 15px;\n\n}\n\n\n.how-steps strong {\n\n  font-family: Georgia, serif;\n\n  font-size: 25px;\n\n  font-weight: 400;\n\n}\n\n\n.how-steps p {\n\n  color: var(--muted);\n\n  font-size: 11px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =========================================================\n   TESTIMONIAL\n========================================================= *\/\n\n.kinly-testimonial {\n\n  text-align: center;\n\n  max-width: 850px;\n\n  margin:\n    0 auto 130px;\n\n  padding:\n    70px 25px;\n\n  border-top:\n    1px solid rgba(50,60,50,.1);\n\n  border-bottom:\n    1px solid rgba(50,60,50,.1);\n\n}\n\n\n.stars {\n\n  color: #b89a58;\n\n  letter-spacing: 5px;\n\n  margin-bottom: 25px;\n\n}\n\n\n.kinly-testimonial blockquote {\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(28px,4vw,46px);\n\n  line-height: 1.15;\n\n  margin: 0;\n\n}\n\n\n.kinly-testimonial p {\n\n  color: var(--muted);\n\n  font-size: 10px;\n\n  margin-top: 25px;\n\n}\n\n\n\/* =========================================================\n   REASSURANCE\n========================================================= *\/\n\n.reassurance {\n\n  text-align: center;\n\n  margin-bottom: 120px;\n\n}\n\n\n.reassurance h2 {\n\n  font-size:\n    clamp(43px,5vw,62px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n\n  margin:\n    18px 0 50px;\n\n}\n\n\n.reassurance-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border:\n    1px solid rgba(50,60,50,.1);\n\n  border-radius: 28px;\n\n  overflow: hidden;\n\n}\n\n\n.reassurance-grid \u003e div {\n\n  padding: 35px 20px;\n\n  border-right:\n    1px solid rgba(50,60,50,.1);\n\n}\n\n\n.reassurance-grid \u003e div:last-child {\n\n  border-right: 0;\n\n}\n\n\n.reassurance-grid span {\n\n  display: block;\n\n  color: var(--sage);\n\n  font-size: 25px;\n\n  margin-bottom: 15px;\n\n}\n\n\n.reassurance-grid strong,\n.reassurance-grid small {\n\n  display: block;\n\n}\n\n\n.reassurance-grid strong {\n\n  font-size: 12px;\n\n}\n\n\n.reassurance-grid small {\n\n  color: var(--muted);\n\n  font-size: 10px;\n\n  line-height: 1.6;\n\n  margin-top: 7px;\n\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.final-cta {\n\n  position: relative;\n\n  overflow: hidden;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 80% 20%,\n      rgba(170,190,170,.2),\n      transparent 30%\n    ),\n    var(--green);\n\n  color: white;\n\n  padding: 90px 25px;\n\n  border-radius: 38px;\n\n}\n\n\n.final-glow {\n\n  position: absolute;\n\n  width: 350px;\n\n  height: 350px;\n\n  border-radius: 50%;\n\n  background: rgba(170,190,170,.08);\n\n  filter: blur(60px);\n\n  right: -100px;\n\n  bottom: -100px;\n\n}\n\n\n.final-content {\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n\n.final-cta .label {\n\n  color: #aab8ab;\n\n}\n\n\n.final-cta h2 {\n\n  font-size:\n    clamp(45px,6vw,75px);\n\n  line-height: .92;\n\n  letter-spacing: -4px;\n\n  margin: 18px 0;\n\n}\n\n\n.final-cta p {\n\n  color: rgba(255,255,255,.65);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  margin-bottom: 30px;\n\n}\n\n\n.kinly-button.light {\n\n  background: white;\n\n  color: var(--green);\n\n}\n\n\n.final-note {\n\n  color: rgba(255,255,255,.4);\n\n  font-size: 9px;\n\n  letter-spacing: 1px;\n\n  margin-top: 18px;\n\n}\n\n\n\/* =========================================================\n   REVEAL ANIMATION\n========================================================= *\/\n\n.reveal {\n\n  opacity: 0;\n\n  transform:\n    translateY(35px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,1,.36,1);\n\n}\n\n\n.reveal.visible {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* =========================================================\n   MOBILE CTA\n========================================================= *\/\n\n.mobile-cta {\n\n  display: none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width: 1000px) {\n\n  .kinly-hero {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .kinly-hero-content {\n\n    text-align: center;\n\n  }\n\n\n  .kinly-hero-text {\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n  }\n\n\n  .kinly-hero-benefits {\n\n    max-width: 450px;\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n    text-align: left;\n\n  }\n\n\n  .kinly-trust {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .kinly-benefits {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .kinly-fit {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .kinly-difference {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .reassurance-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width: 600px) {\n\n  .kinly-store {\n\n    padding:\n      50px 15px 90px;\n\n  }\n\n\n  .kinly-hero {\n\n    gap: 45px;\n\n  }\n\n\n  .kinly-brand {\n\n    text-align: center;\n\n  }\n\n\n  .kinly-hero h1 {\n\n    font-size: 58px;\n\n  }\n\n\n  .kinly-hero-text {\n\n    font-size: 14px;\n\n  }\n\n\n  .kinly-hero-visual {\n\n    height: 430px;\n\n    border-radius: 28px;\n\n  }\n\n\n  .kinly-net {\n\n    width: 235px;\n\n    height: 315px;\n\n  }\n\n\n  .kinly-floating-card {\n\n    right: 15px;\n\n    bottom: 15px;\n\n  }\n\n\n  .kinly-trust {\n\n    grid-template-columns: 1fr;\n\n    margin-bottom: 90px;\n\n  }\n\n\n  .kinly-trust \u003e div {\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid rgba(50,60,50,.1);\n\n  }\n\n\n  .kinly-trust \u003e div:last-child {\n\n    border-bottom: 0;\n\n  }\n\n\n  .kinly-benefits {\n\n    grid-template-columns: 1fr;\n\n    margin-bottom: 90px;\n\n  }\n\n\n  .benefit-card {\n\n    min-height: auto;\n\n  }\n\n\n  .fit-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .fit-visual {\n\n    height: 135px;\n\n  }\n\n\n  .difference-visual {\n\n    height: 430px;\n\n  }\n\n\n  .difference-net {\n\n    width: 230px;\n\n    height: 310px;\n\n  }\n\n\n  .how-steps {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .how-steps \u003e div {\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid rgba(50,60,50,.1);\n\n  }\n\n\n  .how-steps \u003e div:last-child {\n\n    border-bottom: 0;\n\n  }\n\n\n  .reassurance-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .reassurance-grid \u003e div {\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid rgba(50,60,50,.1);\n\n  }\n\n\n  .reassurance-grid \u003e div:last-child {\n\n    border-bottom: 0;\n\n  }\n\n\n  .final-cta {\n\n    border-radius: 28px;\n\n    padding:\n      65px 20px;\n\n  }\n\n\n  .mobile-cta {\n\n    position: fixed;\n\n    z-index: 9999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 10px;\n\n    left: 10px;\n\n    right: 10px;\n\n    bottom: 10px;\n\n    padding:\n      10px 10px 10px 15px;\n\n    border-radius: 17px;\n\n    background:\n      rgba(41,52,44,.96);\n\n    backdrop-filter: blur(15px);\n\n    box-shadow:\n      0 15px 40px rgba(0,0,0,.2);\n\n  }\n\n\n  .mobile-cta strong,\n  .mobile-cta span {\n\n    display: block;\n\n  }\n\n\n  .mobile-cta strong {\n\n    color: white;\n\n    font-size: 10px;\n\n  }\n\n\n  .mobile-cta span {\n\n    color: rgba(255,255,255,.55);\n\n    font-size: 8px;\n\n    margin-top: 3px;\n\n  }\n\n\n  .mobile-cta a {\n\n    flex-shrink: 0;\n\n    background: white;\n\n    color: var(--green);\n\n    padding:\n      13px 17px;\n\n    border-radius: 100px;\n\n    text-decoration: none;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media(prefers-reduced-motion: reduce) {\n\n  *,\n  *::before,\n  *::after {\n\n    animation-duration:\n      .01ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    transition-duration:\n      .01ms !important;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function() {\n\n  function initKinly() {\n\n    const elements =\n      document.querySelectorAll('.reveal');\n\n\n    if (!elements.length) return;\n\n\n    const observer =\n      new IntersectionObserver(\n\n        function(entries) {\n\n          entries.forEach(function(entry) {\n\n            if (entry.isIntersecting) {\n\n              entry.target.classList.add('visible');\n\n              observer.unobserve(entry.target);\n\n            }\n\n          });\n\n        },\n\n        {\n          threshold: 0.12,\n\n          rootMargin:\n            \"0px 0px -40px 0px\"\n        }\n\n      );\n\n\n    elements.forEach(function(element, index) {\n\n      element.style.transitionDelay =\n        Math.min(index * 0.05, 0.3) + \"s\";\n\n      observer.observe(element);\n\n    });\n\n\n    \/* Smooth scrolling *\/\n\n    document\n      .querySelectorAll(\n        '.kinly-store a[href^=\"#\"]'\n      )\n      .forEach(function(link) {\n\n        link.addEventListener(\n          'click',\n          function(e) {\n\n            const target =\n              document.querySelector(\n                this.getAttribute('href')\n              );\n\n            if (!target) return;\n\n            e.preventDefault();\n\n            target.scrollIntoView({\n              behavior: \"smooth\",\n              block: \"start\"\n            });\n\n          }\n        );\n\n      });\n\n  }\n\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initKinly\n    );\n\n  } else {\n\n    initKinly();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"KINLY","offers":[{"title":"Default Title","offer_id":52308334051618,"sku":null,"price":250.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1012\/3486\/8514\/files\/Netdisplay.png?v=1786466704","url":"https:\/\/kinly.co.za\/products\/mosquitoes-net","provider":"KINLY","version":"1.0","type":"link"}