{"id":685,"date":"2026-09-18T05:59:40","date_gmt":"2026-09-18T05:59:40","guid":{"rendered":"https:\/\/kalhonaho.online\/?page_id=685"},"modified":"2026-09-18T06:00:49","modified_gmt":"2026-09-18T06:00:49","slug":"ff18","status":"publish","type":"page","link":"https:\/\/kalhonaho.online\/?page_id=685","title":{"rendered":"FF18"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"685\" class=\"elementor elementor-685\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14400b7 e-con e-atomic-element e-flexbox-base e-1720230 \" data-id=\"14400b7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14400b7\">\n    \t\t<div class=\"elementor-element elementor-element-9dccaeb elementor-widget elementor-widget-html\" data-id=\"9dccaeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Astro Dost | Relationship Astrology<\/title>\r\n\r\n  <!-- Google Font -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    :root {\r\n      --navy: #120D2E;\r\n      --purple: #5B35B5;\r\n      --purple-dark: #43218F;\r\n      --lavender: #F4F0FF;\r\n      --gold: #F5B942;\r\n      --cream: #FFF9EE;\r\n      --white: #FFFFFF;\r\n      --text: #242039;\r\n      --muted: #6F6A82;\r\n      --green: #19A974;\r\n      --border: #E7E1F3;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    body {\r\n      font-family: \"DM Sans\", sans-serif;\r\n      color: var(--text);\r\n      background: var(--white);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .page {\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* =========================\r\n       HERO\r\n    ========================== *\/\r\n\r\n    .hero {\r\n      min-height: 680px;\r\n      position: relative;\r\n      background:\r\n        radial-gradient(circle at 85% 20%, rgba(122, 78, 220, .45), transparent 28%),\r\n        radial-gradient(circle at 15% 90%, rgba(245, 185, 66, .12), transparent 25%),\r\n        var(--navy);\r\n      color: white;\r\n      padding: 22px 20px 70px;\r\n    }\r\n\r\n    .hero::before {\r\n      content: \"\u2726  \u00b7  \u2727  \u00b7  \u2726  \u00b7  \u2727  \u00b7  \u2726\";\r\n      position: absolute;\r\n      top: 115px;\r\n      right: 3%;\r\n      color: rgba(255,255,255,.18);\r\n      font-size: 28px;\r\n      letter-spacing: 18px;\r\n      transform: rotate(-10deg);\r\n    }\r\n\r\n    .hero-container {\r\n      max-width: 1160px;\r\n      margin: auto;\r\n    }\r\n\r\n    \/* No navigation leak *\/\r\n    .brand {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      text-decoration: none;\r\n      color: white;\r\n      margin-bottom: 70px;\r\n    }\r\n\r\n    .logo-mark {\r\n      width: 45px;\r\n      height: 45px;\r\n      border-radius: 50%;\r\n      border: 2px solid var(--gold);\r\n      display: grid;\r\n      place-items: center;\r\n      font-size: 23px;\r\n      color: var(--gold);\r\n      position: relative;\r\n    }\r\n\r\n    .logo-mark::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--gold);\r\n      border-radius: 50%;\r\n      top: 3px;\r\n      right: 2px;\r\n    }\r\n\r\n    .brand-name {\r\n      font-family: \"Playfair Display\", serif;\r\n      font-size: 26px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .brand-name span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr .85fr;\r\n      gap: 65px;\r\n      align-items: center;\r\n    }\r\n\r\n    .eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(245,185,66,.12);\r\n      border: 1px solid rgba(245,185,66,.35);\r\n      color: #FFD77C;\r\n      padding: 8px 14px;\r\n      border-radius: 100px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    h1 {\r\n      font-family: \"Playfair Display\", serif;\r\n      font-size: clamp(43px, 5vw, 68px);\r\n      line-height: 1.05;\r\n      letter-spacing: -1.8px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    h1 span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .hero-copy {\r\n      max-width: 620px;\r\n      color: #D8D3E7;\r\n      font-size: 19px;\r\n      line-height: 1.65;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .hero-copy strong {\r\n      color: white;\r\n    }\r\n\r\n    .cta {\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 10px;\r\n      text-decoration: none;\r\n      background: linear-gradient(135deg, #F5C44F, #EAA82B);\r\n      color: #211637;\r\n      padding: 17px 27px;\r\n      border-radius: 12px;\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      box-shadow: 0 10px 30px rgba(245,185,66,.22);\r\n      transition: .25s ease;\r\n    }\r\n\r\n    .cta:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 14px 35px rgba(245,185,66,.32);\r\n    }\r\n\r\n    .cta .arrow {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .micro-copy {\r\n      margin-top: 13px;\r\n      color: #A9A2BF;\r\n      font-size: 12px;\r\n    }\r\n\r\n    \/* Zodiac visual *\/\r\n\r\n    .zodiac-card {\r\n      width: min(390px, 100%);\r\n      aspect-ratio: 1;\r\n      margin: auto;\r\n      position: relative;\r\n      display: grid;\r\n      place-items: center;\r\n    }\r\n\r\n    .zodiac-ring {\r\n      width: 310px;\r\n      height: 310px;\r\n      border: 1px solid rgba(245,185,66,.55);\r\n      border-radius: 50%;\r\n      position: absolute;\r\n      box-shadow:\r\n        0 0 0 25px rgba(255,255,255,.025),\r\n        0 0 70px rgba(111,72,197,.25);\r\n    }\r\n\r\n    .zodiac-ring::before,\r\n    .zodiac-ring::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 18px;\r\n      border: 1px dashed rgba(255,255,255,.22);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .zodiac-ring::after {\r\n      inset: 72px;\r\n      border-style: solid;\r\n      border-color: rgba(245,185,66,.3);\r\n    }\r\n\r\n    .zodiac-symbol {\r\n      font-size: 78px;\r\n      color: var(--gold);\r\n      z-index: 2;\r\n      text-shadow: 0 0 35px rgba(245,185,66,.35);\r\n    }\r\n\r\n    .orbit {\r\n      position: absolute;\r\n      width: 355px;\r\n      height: 355px;\r\n      border: 1px solid rgba(255,255,255,.13);\r\n      border-radius: 50%;\r\n      transform: rotate(-25deg);\r\n    }\r\n\r\n    .planet {\r\n      position: absolute;\r\n      width: 13px;\r\n      height: 13px;\r\n      background: var(--gold);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 15px var(--gold);\r\n    }\r\n\r\n    .p1 { top: 12px; left: 80px; }\r\n    .p2 { right: 24px; top: 145px; width: 8px; height: 8px; }\r\n    .p3 { bottom: 34px; left: 110px; width: 9px; height: 9px; }\r\n\r\n    .zodiac-text {\r\n      position: absolute;\r\n      bottom: 15px;\r\n      text-align: center;\r\n      color: #B9B2CC;\r\n      font-size: 12px;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* =========================\r\n       TRUST STRIP\r\n    ========================== *\/\r\n\r\n    .trust {\r\n      background: var(--white);\r\n      border-bottom: 1px solid var(--border);\r\n      padding: 17px 20px;\r\n    }\r\n\r\n    .trust-inner {\r\n      max-width: 850px;\r\n      margin: auto;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 30px;\r\n      flex-wrap: wrap;\r\n      color: var(--muted);\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .trust-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n    }\r\n\r\n    .check {\r\n      color: var(--green);\r\n      font-weight: 900;\r\n    }\r\n\r\n    \/* =========================\r\n       PROBLEM\r\n    ========================== *\/\r\n\r\n    .section {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .container {\r\n      max-width: 1050px;\r\n      margin: auto;\r\n    }\r\n\r\n    .center {\r\n      text-align: center;\r\n    }\r\n\r\n    .section-label {\r\n      color: var(--purple);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.8px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    h2 {\r\n      font-family: \"Playfair Display\", serif;\r\n      font-size: clamp(32px, 4vw, 48px);\r\n      line-height: 1.15;\r\n      color: var(--navy);\r\n      margin-bottom: 17px;\r\n    }\r\n\r\n    .section-intro {\r\n      max-width: 650px;\r\n      margin: 0 auto 45px;\r\n      color: var(--muted);\r\n      font-size: 17px;\r\n    }\r\n\r\n    .problem-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .problem-card {\r\n      background: #FBFAFE;\r\n      border: 1px solid var(--border);\r\n      border-radius: 17px;\r\n      padding: 28px;\r\n    }\r\n\r\n    .problem-icon {\r\n      font-size: 29px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .problem-card h3 {\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .problem-card p {\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* =========================\r\n       VALUE \/ FOGG\r\n    ========================== *\/\r\n\r\n    .value-section {\r\n      background: var(--lavender);\r\n    }\r\n\r\n    .value-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .value-card {\r\n      background: white;\r\n      padding: 31px;\r\n      border-radius: 18px;\r\n      border: 1px solid #E8E0FA;\r\n      position: relative;\r\n    }\r\n\r\n    .number {\r\n      font-family: \"Playfair Display\", serif;\r\n      color: var(--purple);\r\n      font-size: 37px;\r\n      font-weight: 800;\r\n      margin-bottom: 9px;\r\n    }\r\n\r\n    .value-card h3 {\r\n      color: var(--navy);\r\n      margin-bottom: 7px;\r\n      font-size: 19px;\r\n    }\r\n\r\n    .value-card p {\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* =========================\r\n       HOW IT WORKS\r\n    ========================== *\/\r\n\r\n    .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 25px;\r\n      margin-top: 45px;\r\n    }\r\n\r\n    .step {\r\n      text-align: center;\r\n      position: relative;\r\n    }\r\n\r\n    .step-circle {\r\n      width: 64px;\r\n      height: 64px;\r\n      background: var(--navy);\r\n      color: var(--gold);\r\n      border-radius: 50%;\r\n      display: grid;\r\n      place-items: center;\r\n      margin: 0 auto 17px;\r\n      font-weight: 800;\r\n      font-size: 20px;\r\n      border: 3px solid #EEE6FF;\r\n    }\r\n\r\n    .step h3 {\r\n      margin-bottom: 6px;\r\n      color: var(--navy);\r\n    }\r\n\r\n    .step p {\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* =========================\r\n       OFFER\r\n    ========================== *\/\r\n\r\n    .offer-section {\r\n      background: var(--navy);\r\n      color: white;\r\n      padding: 75px 20px;\r\n    }\r\n\r\n    .offer-box {\r\n      max-width: 780px;\r\n      margin: auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .offer-badge {\r\n      display: inline-block;\r\n      background: rgba(245,185,66,.13);\r\n      color: #FFD46D;\r\n      border: 1px solid rgba(245,185,66,.3);\r\n      border-radius: 50px;\r\n      padding: 8px 16px;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .offer-box h2 {\r\n      color: white;\r\n    }\r\n\r\n    .offer-box p {\r\n      color: #C4BDD5;\r\n      font-size: 17px;\r\n      margin-bottom: 27px;\r\n    }\r\n\r\n    .offer-highlight {\r\n      color: var(--gold);\r\n    }\r\n\r\n    \/* =========================\r\n       FAQ\r\n    ========================== *\/\r\n\r\n    .faq {\r\n      max-width: 760px;\r\n      margin: 40px auto 0;\r\n    }\r\n\r\n    details {\r\n      border-bottom: 1px solid var(--border);\r\n      padding: 19px 0;\r\n    }\r\n\r\n    summary {\r\n      cursor: pointer;\r\n      list-style: none;\r\n      font-weight: 700;\r\n      color: var(--navy);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n    }\r\n\r\n    summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    summary::after {\r\n      content: \"+\";\r\n      color: var(--purple);\r\n      font-size: 22px;\r\n    }\r\n\r\n    details[open] summary::after {\r\n      content: \"\u2212\";\r\n    }\r\n\r\n    details p {\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n      padding-top: 11px;\r\n      max-width: 680px;\r\n    }\r\n\r\n    \/* =========================\r\n       FINAL CTA\r\n    ========================== *\/\r\n\r\n    .final {\r\n      padding: 75px 20px;\r\n      background: var(--cream);\r\n      text-align: center;\r\n    }\r\n\r\n    .final p {\r\n      color: var(--muted);\r\n      max-width: 570px;\r\n      margin: 0 auto 25px;\r\n    }\r\n\r\n    \/* =========================\r\n       FOOTER\r\n    ========================== *\/\r\n\r\n    footer {\r\n      background: #0B0820;\r\n      color: #8F89A4;\r\n      text-align: center;\r\n      padding: 22px 20px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    \/* =========================\r\n       MOBILE STICKY CTA\r\n    ========================== *\/\r\n\r\n    .mobile-cta {\r\n      display: none;\r\n    }\r\n\r\n    \/* =========================\r\n       RESPONSIVE\r\n    ========================== *\/\r\n\r\n    @media(max-width: 800px) {\r\n\r\n      .hero {\r\n        min-height: auto;\r\n        padding-bottom: 55px;\r\n      }\r\n\r\n      .brand {\r\n        margin-bottom: 45px;\r\n      }\r\n\r\n      .hero-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 35px;\r\n      }\r\n\r\n      .hero-copy {\r\n        font-size: 17px;\r\n      }\r\n\r\n      .zodiac-card {\r\n        width: 280px;\r\n      }\r\n\r\n      .zodiac-ring {\r\n        width: 230px;\r\n        height: 230px;\r\n      }\r\n\r\n      .orbit {\r\n        width: 270px;\r\n        height: 270px;\r\n      }\r\n\r\n      .zodiac-symbol {\r\n        font-size: 60px;\r\n      }\r\n\r\n      .problem-grid,\r\n      .value-grid,\r\n      .steps {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .section {\r\n        padding: 60px 20px;\r\n      }\r\n\r\n      .offer-section {\r\n        padding-bottom: 90px;\r\n      }\r\n\r\n      .mobile-cta {\r\n        display: block;\r\n        position: fixed;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        padding: 10px 14px;\r\n        background: rgba(18,13,46,.96);\r\n        backdrop-filter: blur(10px);\r\n        z-index: 999;\r\n        border-top: 1px solid rgba(255,255,255,.12);\r\n      }\r\n\r\n      .mobile-cta .cta {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media(min-width: 801px) {\r\n      .desktop-cta {\r\n        display: inline-flex;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"page\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-container\">\r\n\r\n      <!-- Logo only. No navigation -->\r\n      <div class=\"brand\">\r\n        <div class=\"logo-mark\">\u2726<\/div>\r\n        <div class=\"brand-name\">Astro <span>Dost<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-grid\">\r\n\r\n        <div class=\"hero-content\">\r\n\r\n          <div class=\"eyebrow\">\r\n            \u2726 Relationship Astrology\r\n          <\/div>\r\n\r\n          <h1>\r\n            Confused About Your\r\n            <span>Relationship?<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"hero-copy\">\r\n            Get a personalised astrology conversation to understand\r\n            <strong>your relationship, compatibility and the questions\r\n            that are keeping you awake.<\/strong>\r\n          <\/p>\r\n\r\n          <!-- PRIMARY CTA - CONNECT THIS TO YOUR META INSTANT FORM -->\r\n          <a href=\"#lead\" class=\"cta\">\r\n            Start Your Free 5-Min Chat\r\n            <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n\r\n          <div class=\"micro-copy\">\r\n            \u2713 First 5 minutes free &nbsp; \u2022 &nbsp; No payment required\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"zodiac-card\">\r\n          <div class=\"orbit\"><\/div>\r\n          <div class=\"zodiac-ring\"><\/div>\r\n\r\n          <div class=\"planet p1\"><\/div>\r\n          <div class=\"planet p2\"><\/div>\r\n          <div class=\"planet p3\"><\/div>\r\n\r\n          <div class=\"zodiac-symbol\">\u263d<\/div>\r\n\r\n          <div class=\"zodiac-text\">\r\n            Stars \u2022 Compatibility \u2022 Connection\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- TRUST -->\r\n  <section class=\"trust\">\r\n    <div class=\"trust-inner\">\r\n      <div class=\"trust-item\"><span class=\"check\">\u2713<\/span> Personalised Guidance<\/div>\r\n      <div class=\"trust-item\"><span class=\"check\">\u2713<\/span> Relationship Focused<\/div>\r\n      <div class=\"trust-item\"><span class=\"check\">\u2713<\/span> First 5 Minutes Free<\/div>\r\n      <div class=\"trust-item\"><span class=\"check\">\u2713<\/span> Private Conversation<\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- PROBLEM -->\r\n  <section class=\"section\">\r\n    <div class=\"container\">\r\n\r\n      <div class=\"center\">\r\n        <div class=\"section-label\">You are not alone<\/div>\r\n\r\n        <h2>\r\n          Some Relationship Questions<br>\r\n          Don't Have Easy Answers.\r\n        <\/h2>\r\n\r\n        <p class=\"section-intro\">\r\n          When emotions are involved, even a small doubt can keep running\r\n          through your mind. Astrology can give you another perspective.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"problem-grid\">\r\n\r\n        <div class=\"problem-card\">\r\n          <div class=\"problem-icon\">\ud83d\udcad<\/div>\r\n          <h3>\"Does this person really care?\"<\/h3>\r\n          <p>\r\n            You're getting mixed signals and don't know what they actually mean.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card\">\r\n          <div class=\"problem-icon\">\u2764\ufe0f<\/div>\r\n          <h3>\"Is this relationship right for me?\"<\/h3>\r\n          <p>\r\n            You feel connected, but something still makes you question the future.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card\">\r\n          <div class=\"problem-icon\">\ud83d\udd2e<\/div>\r\n          <h3>\"Where is this relationship going?\"<\/h3>\r\n          <p>\r\n            You want clarity before making your next emotional decision.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- VALUE \/ FOGG -->\r\n  <section class=\"section value-section\">\r\n    <div class=\"container\">\r\n\r\n      <div class=\"center\">\r\n        <div class=\"section-label\">What you get<\/div>\r\n\r\n        <h2>\r\n          A Little Clarity Can<br>\r\n          Change How You See Everything.\r\n        <\/h2>\r\n\r\n        <p class=\"section-intro\">\r\n          Start with a simple conversation. Share what's happening and\r\n          get an astrology-based perspective tailored to your situation.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"value-grid\">\r\n\r\n        <div class=\"value-card\">\r\n          <div class=\"number\">01<\/div>\r\n          <h3>Understand the Connection<\/h3>\r\n          <p>\r\n            Explore compatibility and relationship dynamics through an\r\n            astrology-based perspective.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"value-card\">\r\n          <div class=\"number\">02<\/div>\r\n          <h3>Ask What's Really Bothering You<\/h3>\r\n          <p>\r\n            Bring the question you've been thinking about. Your conversation\r\n            is focused around your situation.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"value-card\">\r\n          <div class=\"number\">03<\/div>\r\n          <h3>Know Your Next Question<\/h3>\r\n          <p>\r\n            Get a clearer perspective so you can think about your next step\r\n            with more confidence.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- HOW IT WORKS -->\r\n  <section class=\"section\">\r\n    <div class=\"container\">\r\n\r\n      <div class=\"center\">\r\n        <div class=\"section-label\">Simple process<\/div>\r\n        <h2>Your First Conversation Takes 3 Steps.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"steps\">\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-circle\">1<\/div>\r\n          <h3>Share Your Details<\/h3>\r\n          <p>\r\n            Tell us a little about yourself and what you want clarity about.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-circle\">2<\/div>\r\n          <h3>Start Your Chat<\/h3>\r\n          <p>\r\n            Begin your relationship-focused astrology conversation.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-circle\">3<\/div>\r\n          <h3>Explore Your Question<\/h3>\r\n          <p>\r\n            Use the first 5 minutes to ask what matters most to you.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- OFFER \/ PRIMARY CONVERSION -->\r\n  <section class=\"offer-section\" id=\"lead\">\r\n    <div class=\"offer-box\">\r\n\r\n      <div class=\"offer-badge\">\r\n        Limited First Conversation Offer\r\n      <\/div>\r\n\r\n      <h2>\r\n        Your First 5 Minutes Are\r\n        <span class=\"offer-highlight\">Free.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        No need to figure everything out before you start.\r\n        Tell us what's happening in your relationship and begin\r\n        with a simple astrology conversation.\r\n      <\/p>\r\n\r\n      <!-- META INSTANT FORM CTA -->\r\n      <a href=\"#lead\" class=\"cta\">\r\n        Claim My Free 5-Min Chat\r\n        <span class=\"arrow\">\u2192<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"micro-copy\">\r\n        No payment required for the first 5 minutes.\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"section\">\r\n    <div class=\"container\">\r\n\r\n      <div class=\"center\">\r\n        <div class=\"section-label\">Questions<\/div>\r\n        <h2>Before You Start<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"faq\">\r\n\r\n        <details>\r\n          <summary>What can I ask about my relationship?<\/summary>\r\n          <p>\r\n            You can ask about compatibility, relationship dynamics,\r\n            emotional concerns, communication or questions about the\r\n            direction of your relationship.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Is the first conversation really free?<\/summary>\r\n          <p>\r\n            Yes. Your first 5 minutes are free. Any further consultation,\r\n            if applicable, can be discussed separately.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do I need to know astrology?<\/summary>\r\n          <p>\r\n            Not at all. Simply explain your situation and ask your question.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Is this a guarantee about my relationship?<\/summary>\r\n          <p>\r\n            Astrology is intended as a form of personal guidance and reflection,\r\n            not a guarantee of future events or relationship outcomes.\r\n          <\/p>\r\n        <\/details>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"final\">\r\n\r\n    <div class=\"container\">\r\n\r\n      <div class=\"section-label\">Still thinking about it?<\/div>\r\n\r\n      <h2>\r\n        Sometimes You Just Need<br>\r\n        Someone to Help You See It Clearly.\r\n      <\/h2>\r\n\r\n      <p>\r\n        Start with your question. Your first 5-minute conversation is free.\r\n      <\/p>\r\n\r\n      <!-- META INSTANT FORM CTA -->\r\n      <a href=\"#lead\" class=\"cta\">\r\n        Start My Free 5-Min Chat\r\n        <span class=\"arrow\">\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- MINIMAL FOOTER -->\r\n  <footer>\r\n    \u00a9 2026 Astro Dost. Astrology for personal guidance and reflection.\r\n  <\/footer>\r\n\r\n\r\n  <!-- MOBILE STICKY CTA -->\r\n  <div class=\"mobile-cta\">\r\n    <a href=\"#lead\" class=\"cta\">\r\n      Start Your Free 5-Min Chat \u2192\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n  \/*\r\n    META INSTANT FORM INTEGRATION\r\n\r\n    Replace the CTA hrefs with your Meta Instant Form \/ tracking trigger\r\n    if you are using this landing page only as the pre-conversion page.\r\n\r\n    Example:\r\n    onclick=\"fbq('track','Lead');\"\r\n\r\n    Keep all CTA buttons pointing to your Instant Form trigger.\r\n  *\/\r\n\r\n  document.querySelectorAll('a[href=\"#lead\"]').forEach(function(button) {\r\n    button.addEventListener('click', function() {\r\n\r\n      \/\/ Meta Pixel event\r\n      if (typeof fbq === 'function') {\r\n        fbq('track', 'Lead');\r\n      }\r\n\r\n      \/*\r\n        Add your Instant Form opening logic here.\r\n\r\n        Example:\r\n        window.parent.postMessage({\r\n          type: 'OPEN_META_INSTANT_FORM'\r\n        }, '*');\r\n      *\/\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Astro Dost | Relationship Astrology \u2726 Astro Dost \u2726 Relationship Astrology Confused About Your Relationship? Get a personalised astrology conversation to understand your relationship, compatibility and the questions that are keeping you awake. Start Your Free 5-Min Chat \u2192 \u2713 First 5 minutes free &nbsp; \u2022 &nbsp; No payment required \u263d Stars \u2022 Compatibility \u2022 [&hellip;]<\/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":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_focuskw":"","rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":""},"class_list":["post-685","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalhonaho.online\/index.php?rest_route=\/wp\/v2\/pages\/685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalhonaho.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalhonaho.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalhonaho.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalhonaho.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=685"}],"version-history":[{"count":4,"href":"https:\/\/kalhonaho.online\/index.php?rest_route=\/wp\/v2\/pages\/685\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/kalhonaho.online\/index.php?rest_route=\/wp\/v2\/pages\/685\/revisions\/689"}],"wp:attachment":[{"href":"https:\/\/kalhonaho.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}