{"id":7249,"date":"2026-10-13T07:13:09","date_gmt":"2026-10-13T07:13:09","guid":{"rendered":"https:\/\/microghar.com\/?page_id=7249"},"modified":"2026-10-26T08:11:50","modified_gmt":"2026-10-26T08:11:50","slug":"home","status":"publish","type":"page","link":"https:\/\/microghar.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7249\" class=\"elementor elementor-7249\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a711549 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a711549\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d04fa5 elementor-widget elementor-widget-html\" data-id=\"9d04fa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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, viewport-fit=cover\">\r\n  <meta name=\"description\" content=\"Microghar\u2122 \u2014 Home Before House.\">\r\n  <meta name=\"theme-color\" content=\"#faf9f5\">\r\n  <title>Microghar\u2122 | Home Before House<\/title>\r\n\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;800&family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    :root {\r\n      --green: #12851b;\r\n      --green-dark: #0c6c14;\r\n      --orange: #ff941f;\r\n      --blue: #1017a5;\r\n      --dark: #183226;\r\n      --cream: #faf9f5;\r\n      --muted: #69736b;\r\n      --line: #e7e9df;\r\n      --footer: #17291d;\r\n      --gold: #ad8b58;\r\n      --shadow: 0 18px 50px rgba(24, 50, 38, .09);\r\n      --header-height: 76px;\r\n    }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; }\r\n    html {\r\n      scroll-behavior: smooth;\r\n      scroll-padding-top: calc(var(--header-height) + 16px);\r\n      -webkit-text-size-adjust: 100%;\r\n      text-size-adjust: 100%;\r\n    }\r\n    body {\r\n      margin: 0;\r\n      font-family: \"DM Sans\", sans-serif;\r\n      color: var(--dark);\r\n      background: var(--cream);\r\n      line-height: 1.65;\r\n      overflow-wrap: break-word;\r\n      overflow-x: clip;\r\n    }\r\n    img, iframe { max-width: 100%; }\r\n    img { display: block; height: auto; }\r\n    a { color: inherit; text-decoration: none; }\r\n    button, a { -webkit-tap-highlight-color: transparent; }\r\n    button { font: inherit; }\r\n    h1, h2, h3, h4 { font-family: \"Poppins\", sans-serif; line-height: 1.2; }\r\n    .container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }\r\n    .section { padding-block: clamp(56px, 7vw, 90px); position: relative; }\r\n\r\n\r\n\r\n\r\n\r\n\/* Footer visibility fix for Elementor *\/\r\n.site-footer {\r\n  display: block !important;\r\n  visibility: visible !important;\r\n  opacity: 1 !important;\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  min-height: 200px;\r\n  overflow: visible !important;\r\n  clear: both;\r\n  z-index: 1;\r\n}\r\n\r\n.footer-main {\r\n  display: grid !important;\r\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n  gap: 28px;\r\n  padding: 48px 0 35px;\r\n}\r\n\r\n.footer-column,\r\n.footer-brand {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n.footer-column a {\r\n  display: block !important;\r\n  visibility: visible !important;\r\n  color: #c5cec2;\r\n}\r\n\r\n.footer-bottom {\r\n  display: block !important;\r\n  visibility: visible !important;\r\n  border-top: 1px solid #354738;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .footer-main {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 26px 20px;\r\n  }\r\n\r\n  .footer-brand {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .footer-main {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 24px 14px;\r\n  }\r\n}\r\n\r\n    \/* Header and mobile navigation *\/\r\n    .site-header {\r\n      position: sticky; top: 0; z-index: 1000;\r\n      background: rgba(255,255,255,.97);\r\n      -webkit-backdrop-filter: blur(14px);\r\n      backdrop-filter: blur(14px);\r\n      border-bottom: 1px solid var(--line);\r\n    }\r\n    .nav {\r\n      min-height: var(--header-height);\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      gap: 24px;\r\n    }\r\n    .brand { flex: 0 1 auto; min-width: 0; }\r\n    .brand img { width: clamp(150px, 18vw, 218px); max-height: 66px; object-fit: contain; object-position: left center; }\r\n    .main-nav { display: flex; align-items: center; gap: clamp(10px, 1.35vw, 20px); }\r\n    .main-nav a {\r\n      font-size: 10px; font-weight: 800; letter-spacing: .35px;\r\n      white-space: nowrap; padding-block: 12px;\r\n    }\r\n    .main-nav a:hover, .main-nav a:focus-visible { color: var(--green); }\r\n    \/* Hamburger menu: force a clean three-line icon, overriding theme styles *\/\r\n    .site-header .nav > button#menuToggle.menu-toggle {\r\n      display: none !important;\r\n      position: relative !important;\r\n      flex-direction: column !important;\r\n      justify-content: space-between !important;\r\n      align-items: stretch !important;\r\n      flex: 0 0 30px !important;\r\n      width: 30px !important;\r\n      min-width: 30px !important;\r\n      max-width: 30px !important;\r\n      height: 22px !important;\r\n      min-height: 22px !important;\r\n      max-height: 22px !important;\r\n      padding: 0 !important;\r\n      margin: 0 0 0 auto !important;\r\n      border: 0 !important;\r\n      border-radius: 0 !important;\r\n      outline-offset: 5px;\r\n      background: transparent !important;\r\n      background-image: none !important;\r\n      box-shadow: none !important;\r\n      color: transparent !important;\r\n      font-size: 0 !important;\r\n      line-height: 0 !important;\r\n      text-indent: -9999px !important;\r\n      cursor: pointer;\r\n      -webkit-appearance: none !important;\r\n      appearance: none !important;\r\n    }\r\n    .site-header .nav > button#menuToggle.menu-toggle::before,\r\n    .site-header .nav > button#menuToggle.menu-toggle::after {\r\n      content: none !important;\r\n      display: none !important;\r\n    }\r\n    .site-header .nav > button#menuToggle.menu-toggle > span {\r\n      display: block !important;\r\n      position: static !important;\r\n      width: 30px !important;\r\n      min-width: 30px !important;\r\n      max-width: 30px !important;\r\n      height: 2px !important;\r\n      min-height: 2px !important;\r\n      max-height: 2px !important;\r\n      flex: 0 0 2px !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      border: 0 !important;\r\n      border-radius: 2px !important;\r\n      background: #183226 !important;\r\n      background-image: none !important;\r\n      box-shadow: none !important;\r\n      transform: none !important;\r\n    }\r\n    .site-header .nav > button#menuToggle.menu-toggle:focus-visible {\r\n      outline: 2px solid var(--orange) !important;\r\n      outline-offset: 5px;\r\n    }\r\n\r\n    \/* Home hero *\/\r\n    .hero {\r\n      min-height: min(680px, calc(100svh - var(--header-height)));\r\n      display: flex; align-items: center; position: relative; isolation: isolate;\r\n      overflow: hidden;\r\n      background:\r\n        linear-gradient(90deg, #faf9f5 0%, rgba(250,249,245,.97) 34%, rgba(250,249,245,.78) 55%, rgba(250,249,245,.12) 100%),\r\n        url(\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/Warm-Beige-Scandinavian-Living-Dining-Room.png\") center right \/ cover no-repeat;\r\n    }\r\n    .hero::before {\r\n      content: \"\"; position: absolute; z-index: -1; inset: 0 auto 0 0; width: 5px;\r\n      background: linear-gradient(var(--orange) 0 36%, var(--green) 36% 70%, var(--blue) 70%);\r\n    }\r\n    .hero-content { padding-block: clamp(48px, 7vw, 82px); }\r\n    .hero-copy { max-width: 650px; animation: rise .8s both; }\r\n    .eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 2px; color: var(--blue); margin-bottom: 18px; }\r\n    .hero h1 {\r\n      margin: 0; font-size: clamp(46px, 6vw, 82px); font-weight: 500;\r\n      letter-spacing: clamp(-4px, -.35vw, -1.5px); line-height: 1.06; color: #19382b;\r\n    }\r\n    .hero h1 strong { color: var(--green); font-weight: 800; }\r\n    .orange { color: var(--orange); }\r\n    .orange-line { width: 66px; height: 4px; background: var(--orange); margin: 24px 0 18px; }\r\n    .hero-subtitle { margin: 0; font-size: clamp(17px, 2vw, 24px); font-weight: 700; letter-spacing: -.4px; }\r\n    .hero-description { max-width: 490px; margin: 12px 0 0; font-size: 15px; line-height: 1.85; color: var(--muted); }\r\n    .tagline { margin-top: 30px; display: flex; align-items: center; gap: 10px 12px; flex-wrap: wrap; }\r\n    .tagline-mark { width: 36px; height: 3px; background: var(--orange); flex: 0 0 auto; }\r\n    .tagline h4 { margin: 0; font-size: 10px; letter-spacing: 1.7px; color: var(--green); }\r\n    .tagline h5 { flex-basis: 100%; margin: 0 0 0 48px; font-size: 9px; font-weight: 600; letter-spacing: 1px; color: #858a80; }\r\n\r\n    \/* Platform statement *\/\r\n    .screen-2 {\r\n      display: flex; align-items: center; justify-content: center; text-align: center;\r\n      background:\r\n        linear-gradient(rgba(250,269,245,.91), rgba(250,249,245,.91)),\r\n        url(\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/Cozy-Modern-Bedroom-Office-Retreat.png\") center \/ cover no-repeat;\r\n      border-top: 4px solid var(--orange); border-bottom: 1px solid var(--line);\r\n      overflow: hidden;\r\n    }\r\n    .screen-2::before, .screen-2::after {\r\n      content: \"\"; position: absolute; width: 250px; aspect-ratio: 1;\r\n      border: 1px solid #12851b20; border-radius: 50%; pointer-events: none;\r\n    }\r\n    .screen-2::before { left: -130px; top: -130px; }\r\n    .screen-2::after { right: -120px; bottom: -130px; border-color: #ff941f45; }\r\n    .screen-2 .screen-content { width: min(1000px, calc(100% - 48px)); position: relative; z-index: 1; padding-block: clamp(64px, 9vw, 120px); }\r\n    .screen-2 h2 { margin: 0; font-size: clamp(27px, 4.1vw, 49px); line-height: 1.3; color: var(--green); letter-spacing: -1.2px; }\r\n    .screen-2 h2 + h2 { margin-top: 20px; color: var(--orange); }\r\n\r\n    \/* Vision and mission *\/\r\n    .screen-3 {\r\n      isolation: isolate; overflow: hidden; text-align: center; color: #fff;\r\n      background-image:\r\n        linear-gradient(rgba(35,30,25,.63), rgba(35,30,25,.60)),\r\n        url(\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/Birds-Eye-View-of-a-Warm-Modern-Kitchen.png\");\r\n      background-size: cover; background-position: center; background-repeat: no-repeat;\r\n    }\r\n    .screen-3::before {\r\n      content: \"\"; position: absolute; z-index: -1; right: -150px; top: -180px;\r\n      width: 420px; aspect-ratio: 1; border: 1px solid #ff941f40; border-radius: 50%;\r\n      box-shadow: 0 0 0 45px #12851b09, 0 0 0 90px #ff941f08; pointer-events: none;\r\n    }\r\n    .screen-3 .screen-content { width: min(1000px, calc(100% - 48px)); margin: auto; padding-block: clamp(48px, 6vw, 75px); position: relative; z-index: 1; }\r\n    .vision-block, .mission-block { padding: 12px 0 24px; }\r\n    .screen-3 h2 { margin: 0 0 15px; color: var(--orange); font-size: clamp(27px, 3.4vw, 40px); }\r\n    .screen-3 p { margin: 0; font-size: clamp(16px, 2vw, 23px); line-height: 1.75; color: #fff; }\r\n    .mission-block { margin-top: 8px; }\r\n    .brand-statement { border-top: 1px solid #ffffff55; margin-top: 20px; padding-top: 28px; }\r\n    .brand-statement h2 { color: #fff; margin-bottom: 8px; }\r\n    .brand-statement p + p { color: var(--orange); font-size: clamp(14px, 1.7vw, 18px); letter-spacing: .2px; margin-top: 4px; }\r\n\r\n    \/* Prototype chart *\/\r\n    .screen-4 {\r\n      --mg-ink: #242720; --mg-muted: #77776e; --mg-accent: #ad8b58;\r\n      background: radial-gradient(circle at 0 0, rgba(173,139,88,.09), transparent 32%), linear-gradient(180deg, #faf9f6 0%, #f1eee7 100%);\r\n      overflow: hidden;\r\n    }\r\n    .screen-4 .screen-content { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }\r\n    .screen-4 > .screen-content > h2 {\r\n      position: relative; margin: 0 0 18px; color: var(--mg-ink);\r\n      font-size: clamp(30px, 4vw, 52px); font-weight: 600; line-height: 1.15;\r\n      letter-spacing: -1.5px; text-align: center;\r\n    }\r\n    .screen-4 > .screen-content > h2::after {\r\n      content: \"\"; display: block; width: 64px; height: 3px;\r\n      margin: 20px auto 0; background: var(--mg-accent); border-radius: 10px;\r\n    }\r\n    .prototype-tile {\r\n      position: relative; margin-top: 42px; padding: clamp(16px, 3vw, 38px);\r\n      background: rgba(255,255,255,.82); border: 1px solid rgba(173,139,88,.2);\r\n      border-radius: 22px; box-shadow: 0 20px 60px rgba(38,35,27,.06);\r\n    }\r\n    .prototype-heading { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #e9e5dc; }\r\n    .prototype-heading:empty { display: none; }\r\n    .template-name { margin: 0; color: var(--mg-ink); font-size: clamp(18px, 2.2vw, 28px); font-weight: 600; line-height: 1.4; }\r\n    .pdf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }\r\n    .pdf-card {\r\n      display: flex; flex-direction: column; min-width: 0; padding: 12px;\r\n      background: #fff; border: 1px solid #eae7e0; border-radius: 16px;\r\n      overflow: hidden; box-shadow: 0 5px 18px rgba(30,30,25,.035);\r\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n    }\r\n    .pdf-card:hover { transform: translateY(-4px); border-color: rgba(173,139,88,.55); box-shadow: 0 14px 28px rgba(30,30,25,.09); }\r\n    .pdf-card h4 { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 8px 15px; color: var(--mg-ink); font-size: 17px; font-weight: 600; letter-spacing: -.2px; }\r\n    .pdf-card h4::before { content: \"\"; width: 4px; height: 20px; flex: 0 0 auto; background: var(--mg-accent); border-radius: 5px; }\r\n    .pdf-frame {\r\n      display: block;\r\n      width: 100%;\r\n      height: clamp(300px, 34vw, 430px);\r\n      border: 0;\r\n      border-radius: 9px;\r\n      background: #fff;\r\n      overflow: hidden;\r\n    }\r\n    .pdf-open-wrap { display: block; width: 100%; margin-top: auto; padding: 14px 2px 2px; }\r\n    .pdf-open {\r\n      display: flex; align-items: center; justify-content: center; gap: 8px;\r\n      width: 100%; min-height: 48px; padding: 12px 14px; color: #fff !important;\r\n      background: var(--mg-ink); border: 1px solid var(--mg-ink); border-radius: 9px;\r\n      font-size: 12px; font-weight: 700; letter-spacing: 1px; text-align: center;\r\n      transition: background .2s ease, border-color .2s ease;\r\n    }\r\n    .pdf-open::after { content: \"\u2197\"; font-size: 17px; line-height: 1; }\r\n    .pdf-open:hover, .pdf-open:focus-visible { background: var(--mg-accent); border-color: var(--mg-accent); }\r\n\r\n    \/* Footer *\/\r\n    .site-footer { background: var(--footer); color: #f8f9f4; position: relative; overflow: hidden; }\r\n    .footer-main { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 28px; padding: 48px 0 35px; }\r\n    .footer-brand { max-width: 300px; }\r\n    .footer-logo img { width: 190px; max-height: 70px; object-fit: contain; object-position: left; }\r\n    .footer-description { color: #c5d0c4; font-size: 12px; line-height: 1.8; margin: 14px 0 0; }\r\n    .footer-tagline { margin: 12px 0 0; color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: 1.8px; }\r\n    .footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; min-width: 0; }\r\n    .footer-column h3 { margin: 0 0 6px; font-size: 11px; letter-spacing: 1px; color: var(--orange); }\r\n    .footer-column a { font-size: 12px; color: #c5cec2; }\r\n    .footer-column a:hover, .footer-column a:focus-visible { color: #fff; }\r\n    .footer-bottom { border-top: 1px solid #354738; }\r\n    .footer-bottom-inner { min-height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 0; }\r\n    .footer-bottom p { margin: 0; font-size: 10px; color: #b7c1b4; }\r\n    .footer-motto { letter-spacing: .5px; }\r\n    .footer-motto span { color: var(--orange); }\r\n\r\n    .reveal { animation: rise .7s both; }\r\n    @keyframes rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* Tablet and compact laptops *\/\r\n    @media (max-width: 1100px) {\r\n      .nav { gap: 16px; }\r\n      .brand img { width: 170px; }\r\n      .main-nav { gap: 9px; }\r\n      .main-nav a { font-size: 9px; letter-spacing: 0; }\r\n      .footer-main { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n      .footer-brand { grid-column: 1 \/ -1; max-width: 420px; }\r\n      .pdf-grid { gap: 16px; }\r\n    }\r\n\r\n    \/* Phones and tablets: collapsible navigation, stacked content *\/\r\n    @media (max-width: 800px) {\r\n      :root { --header-height: 68px; }\r\n      .container { width: calc(100% - 36px); }\r\n      .nav { min-height: var(--header-height); flex-wrap: wrap; gap: 10px; padding-block: 7px; }\r\n      .brand img { width: clamp(145px, 42vw, 180px); max-height: 52px; }\r\n      .site-header .nav > button#menuToggle.menu-toggle { display: flex !important; }\r\n      .main-nav {\r\n        display: none;\r\n        flex: 0 0 100%;\r\n        width: 100%;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 0;\r\n        padding: 8px 0 10px;\r\n        background: #fff;\r\n      }\r\n      .main-nav.open { display: flex; }\r\n      .main-nav a { width: 100%; }\r\n      .main-nav a { display: block; padding: 12px 4px; border-top: 1px solid var(--line); font-size: 12px; }\r\n      .hero {\r\n        min-height: auto;\r\n        background:\r\n          linear-gradient(90deg, rgba(250,249,245,.96) 0%, rgba(250,249,245,.88) 65%, rgba(250,249,245,.72) 100%),\r\n          url(\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/Cozy-Modern-Bedroom-Office-Retreat.png\") center \/ cover no-repeat;\r\n      }\r\n      .hero-content { padding-block: 52px; }\r\n      .hero h1 { font-size: clamp(43px, 9vw, 66px); letter-spacing: -2.5px; }\r\n      .hero-description { font-size: 14px; }\r\n      .screen-2 .screen-content { width: calc(100% - 36px); padding-block: 60px; }\r\n      .screen-3 .screen-content { width: calc(100% - 36px); padding-block: 48px; }\r\n      .screen-4 .screen-content { width: calc(100% - 36px); }\r\n      .pdf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n      .pdf-card:last-child { grid-column: 1 \/ -1; }\r\n      .pdf-frame { height: 360px; }\r\n      .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; padding-block: 36px 28px; }\r\n      .footer-brand { grid-column: 1 \/ -1; }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .container { width: calc(100% - 32px); }\r\n      .section { padding-block: 48px; }\r\n      .hero-content { padding-block: 44px; }\r\n      .hero h1 { font-size: clamp(40px, 12vw, 52px); letter-spacing: -2px; line-height: 1.08; }\r\n      .eyebrow { margin-bottom: 14px; font-size: 10px; }\r\n      .orange-line { margin-block: 20px 15px; }\r\n      .hero-subtitle { font-size: 17px; line-height: 1.45; }\r\n      .hero-description { font-size: 13px; line-height: 1.75; }\r\n      .tagline { margin-top: 24px; gap: 8px 10px; }\r\n      .tagline h4 { font-size: 9px; letter-spacing: 1.2px; }\r\n      .tagline h5 { margin-left: 0; font-size: 8px; line-height: 1.6; letter-spacing: .55px; }\r\n      .screen-2 .screen-content { width: calc(100% - 32px); padding-block: 50px; }\r\n      .screen-2 h2 { font-size: clamp(25px, 7.5vw, 34px); letter-spacing: -.7px; line-height: 1.28; }\r\n      .screen-2 h2 + h2 { margin-top: 18px; }\r\n      .screen-3 .screen-content { width: calc(100% - 32px); padding-block: 38px; }\r\n      .screen-3 h2 { font-size: 26px; margin-bottom: 10px; }\r\n      .screen-3 p { font-size: 15px; line-height: 1.7; }\r\n      .brand-statement { margin-top: 14px; padding-top: 22px; }\r\n      .brand-statement p + p { font-size: 13px; line-height: 1.6; }\r\n      .screen-4 .screen-content { width: calc(100% - 28px); }\r\n      .screen-4 > .screen-content > h2 { font-size: clamp(28px, 8vw, 36px); letter-spacing: -.8px; }\r\n      .prototype-tile { margin-top: 28px; padding: 12px; border-radius: 16px; }\r\n      .prototype-heading { margin-bottom: 16px; padding-bottom: 14px; }\r\n      .template-name { font-size: 18px; }\r\n      .pdf-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }\r\n      .pdf-card:last-child { grid-column: auto; }\r\n      .pdf-card { padding: 9px; border-radius: 13px; width: 100%; min-width: 0; }\r\n      .pdf-frame { max-width: 100%; }\r\n      .pdf-card h4 { font-size: 16px; padding: 9px 7px 12px; }\r\n      .pdf-frame { height: clamp(320px, 105vw, 440px); }\r\n      .pdf-open { min-height: 48px; font-size: 12px; }\r\n      .footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 14px; }\r\n      .footer-column h3 { font-size: 10px; }\r\n      .footer-column a { font-size: 11px; line-height: 1.5; }\r\n      .footer-bottom-inner { align-items: flex-start; flex-direction: column; gap: 6px; }\r\n    }\r\n\r\n    @media (max-width: 360px) {\r\n      .container, .screen-2 .screen-content, .screen-3 .screen-content { width: calc(100% - 24px); }\r\n      .brand img { width: 135px; }\r\n      .site-header .nav > button#menuToggle.menu-toggle { padding: 0 !important; font-size: 0 !important; }\r\n      .hero h1 { font-size: 38px; }\r\n      .footer-main { grid-template-columns: 1fr; }\r\n      .footer-brand { grid-column: auto; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      *, *::before, *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important;\r\n      }\r\n      .pdf-card:hover { transform: none; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <header class=\"site-header\">\r\n    <div class=\"container nav\">\r\n      <a href=\"#home\" class=\"brand\" aria-label=\"Microghar homepage\">\r\n        <img src=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/Microghar-Logo-with-Tagline.png\"\r\n             alt=\"Microghar\u2122\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\r\n        <span style=\"display:none;font:700 26px Poppins,sans-serif;color:var(--green)\">micro<span style=\"color:var(--orange)\">ghar<\/span>\u2122<\/span>\r\n      <\/a>\r\n\r\n      <button class=\"menu-toggle\" id=\"menuToggle\"\r\n        aria-controls=\"mainNav\"\r\n        aria-expanded=\"false\"\r\n        type=\"button\"\r\n        aria-label=\"Open menu\">\r\n  <span><\/span>\r\n  <span><\/span>\r\n  <span><\/span>\r\n<\/button>\r\n\r\n      <nav class=\"main-nav\" id=\"mainNav\" aria-label=\"Main navigation\">\r\n        <a href=\"#home\">HOME<\/a>\r\n        <a href=\"#about\">ABOUT US<\/a>\r\n        <a href=\"#platform\">PLATFORM<\/a>\r\n        <a href=\"#vision\">VISION &amp; MISSION<\/a>\r\n        <a href=\"#prototype\">PROTOTYPE<\/a>\r\n        <a href=\"#faq\">FAQ<\/a>\r\n        <a href=\"#career\">CAREER<\/a>\r\n        <a href=\"#blogs\">BLOGS<\/a>\r\n        <a href=\"#contact\">CONTACT US<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main>\r\n    <section class=\"hero\" id=\"home\">\r\n      <div class=\"container hero-content\">\r\n        <div class=\"hero-copy\">\r\n          <div class=\"eyebrow\">MICROGHAR\u2122<\/div>\r\n          <h1>We believe<br><strong>Homes<\/strong><br>create <span class=\"orange\">Houses.<\/span><\/h1>\r\n          <div class=\"orange-line\"><\/div>\r\n          <h2 class=\"hero-subtitle\">We design Homes for Life &amp; Living.<\/h2>\r\n          <p class=\"hero-description\">We offer ready-made Home Interior Design Templates for Houses yet to be designed.<\/p>\r\n          <div class=\"tagline\">\r\n            <div class=\"tagline-mark\" aria-hidden=\"true\"><\/div>\r\n            <h4>HOME BEFORE HOUSE.<\/h4>\r\n            <h5>THINK BETTER. BUILD BETTER. SUSTAIN TOGETHER.<\/h5>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section screen-2\" id=\"platform\">\r\n      <div class=\"screen-content reveal\">\r\n        <h2>Microghar\u2122 is the Platform.<\/h2>\r\n        <h2>RagaONE\u2122 is the Prototype Series as Offers.<\/h2>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section screen-3\" id=\"vision\">\r\n      <div class=\"screen-content reveal\">\r\n        <div class=\"vision-block\">\r\n          <h2>VISION<\/h2>\r\n          <p>Better Homes. Better Lives. Better Communities.<\/p>\r\n        <\/div>\r\n        <div class=\"mission-block\">\r\n          <h2>MISSION<\/h2>\r\n          <p>Making Good Home Designs Accessible.<\/p>\r\n        <\/div>\r\n        <div class=\"brand-statement\">\r\n          <h2>Microghar\u2122<\/h2>\r\n          <p>Home Before House.<\/p>\r\n          <p>Think Better. Build Better. Sustain Together.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section screen-4\" id=\"prototype\">\r\n      <div class=\"screen-content reveal\">\r\n        <h2>The Prototype Chart<\/h2>\r\n        <article class=\"prototype-tile\">\r\n          <div class=\"prototype-heading\">\r\n            <p class=\"template-name\"><\/p>\r\n          <\/div>\r\n          <div class=\"pdf-grid\">\r\n            <article class=\"pdf-card\">\r\n              <h4>RagaONE - G<\/h4>\r\n              <iframe class=\"pdf-frame\" src=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/RaghaONE-G.pdf#toolbar=0&navpanes=0&scrollbar=0\" title=\"RagaONE G preview\" loading=\"lazy\"><\/iframe>\r\n              <div class=\"pdf-open-wrap\">\r\n                <a class=\"pdf-open\" href=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/RaghaONE-G.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">OPEN PDF<\/a>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"pdf-card\">\r\n              <h4>RagaONE - B<\/h4>\r\n              <iframe class=\"pdf-frame\" src=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/RaghaONE-B-.pdf#toolbar=0&navpanes=0&scrollbar=0\" title=\"RagaONE B preview\" loading=\"lazy\"><\/iframe>\r\n              <div class=\"pdf-open-wrap\">\r\n                <a class=\"pdf-open\" href=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/RaghaONE-B-.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">OPEN PDF<\/a>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"pdf-card\">\r\n              <h4>RagaONE - 1<\/h4>\r\n              <iframe class=\"pdf-frame\" src=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/RaghaONE-1.pdf#toolbar=0&navpanes=0&scrollbar=0\" title=\"RagaONE 1 preview\" loading=\"lazy\"><\/iframe>\r\n              <div class=\"pdf-open-wrap\">\r\n                <a class=\"pdf-open\" href=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/RaghaONE-1.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">OPEN PDF<\/a>\r\n              <\/div>\r\n            <\/article>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"site-footer\" id=\"contact\">\r\n    <div class=\"container footer-main\">\r\n      <div class=\"footer-brand\">\r\n        <a href=\"#home\" class=\"footer-logo\" aria-label=\"Microghar home\">\r\n          <img src=\"https:\/\/microghar.com\/wp-content\/uploads\/2026\/10\/Microghar-Logo-with-Tagline.png\" alt=\"Microghar\u2122 logo\" loading=\"lazy\">\r\n        <\/a>\r\n        <p class=\"footer-description\">Microghar\u2122<\/p>\r\n        <p class=\"footer-tagline\">Home Before House.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"footer-column\">\r\n        <h3>EXPLORE<\/h3>\r\n        <a href=\"#home\">Home<\/a>\r\n        <a href=\"#about\">About Us<\/a>\r\n        <a href=\"#platform\">Platform<\/a>\r\n        <a href=\"#vision\">Vision &amp; Mission<\/a>\r\n        <a href=\"#prototype\">The Prototype Chart<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"footer-column\">\r\n        <h3>INFORMATION<\/h3>\r\n        <a href=\"#faq\">FAQ<\/a>\r\n        <a href=\"#career\">Career<\/a>\r\n        <a href=\"#blogs\">Blogs<\/a>\r\n        <a href=\"#contact\">Contact Us<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"footer-column\">\r\n        <h3>LEGAL<\/h3>\r\n        <a href=\"https:\/\/microghar.com\/index.php\/privacy-policy-2\/\">Privacy Policy<\/a>\r\n        <a href=\"https:\/\/microghar.com\/index.php\/cookie-policy\/\">Cookie Policy<\/a>\r\n        <a href=\"https:\/\/microghar.com\/index.php\/terms-of-service\/\">Terms of Service<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\">\r\n      <div class=\"container footer-bottom-inner\">\r\n        <p>\u00a9 <span id=\"footerYear\"><\/span> Microghar\u2122<\/p>\r\n        <p class=\"footer-motto\">Think Better. <span>Build Better.<\/span> Sustain Together.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <script>\r\n    (() => {\r\n      const toggle = document.getElementById(\"menuToggle\");\r\n      const nav = document.getElementById(\"mainNav\");\r\n\r\n      if (toggle && nav) {\r\n        const closeMenu = () => {\r\n          nav.classList.remove(\"open\");\r\n          toggle.setAttribute(\"aria-expanded\", \"false\");\r\n          toggle.setAttribute(\"aria-label\", \"Open menu\");\r\n        };\r\n\r\n        toggle.addEventListener(\"click\", () => {\r\n          const opened = nav.classList.toggle(\"open\");\r\n          toggle.setAttribute(\"aria-expanded\", String(opened));\r\n          toggle.setAttribute(\"aria-label\", opened ? \"Close menu\" : \"Open menu\");\r\n        });\r\n\r\n        nav.querySelectorAll(\"a\").forEach((link) => {\r\n          link.addEventListener(\"click\", closeMenu);\r\n        });\r\n\r\n        document.addEventListener(\"keydown\", (event) => {\r\n          if (event.key === \"Escape\") closeMenu();\r\n        });\r\n\r\n        window.addEventListener(\"resize\", () => {\r\n          if (window.innerWidth > 800) closeMenu();\r\n        });\r\n      }\r\n\r\n      const year = document.getElementById(\"footerYear\");\r\n      if (year) year.textContent = new Date().getFullYear();\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Microghar\u2122 | Home Before House microghar\u2122 HOME ABOUT US PLATFORM VISION &amp; MISSION PROTOTYPE FAQ CAREER BLOGS CONTACT US MICROGHAR\u2122 We believeHomescreate Houses. We design Homes for Life &amp; Living. We offer ready-made Home Interior Design Templates for Houses yet to be designed. HOME BEFORE HOUSE. THINK BETTER. BUILD BETTER. SUSTAIN TOGETHER. Microghar\u2122 is the Platform. RagaONE\u2122 is the Prototype Series as Offers. VISION Better Homes. Better Lives. Better Communities. MISSION Making Good Home Designs Accessible. Microghar\u2122 Home Before House. Think Better. Build Better. Sustain Together. The Prototype Chart RagaONE &#8211; G OPEN PDF RagaONE &#8211; B OPEN PDF RagaONE &#8211; 1 OPEN PDF Microghar\u2122 Home Before House. EXPLORE Home About Us Platform Vision &amp; Mission The Prototype Chart INFORMATION FAQ Career Blogs Contact Us LEGAL Privacy Policy Cookie Policy Terms of Service \u00a9 Microghar\u2122 Think Better. Build Better. Sustain Together.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/pages\/7249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/comments?post=7249"}],"version-history":[{"count":154,"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/pages\/7249\/revisions"}],"predecessor-version":[{"id":7464,"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/pages\/7249\/revisions\/7464"}],"wp:attachment":[{"href":"https:\/\/microghar.com\/index.php\/wp-json\/wp\/v2\/media?parent=7249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}