/** @author Sreejith Sreenivasan */
/* Homepage based on the supplied Kidara UX/UI reference. */
.kidara-home {
  --ink: #0c1648;
  --muted: #626c8b;
  --primary: #7957ff;
  --primary-strong: #5938d2;
  color-scheme: light;
  color: var(--ink);
  background: #fff;
  font-family: var(--font-family-body);
}
.kidara-home .k-shell { max-width: 1600px; margin: auto; position: relative; overflow: clip; }
.kidara-home h1, .kidara-home h2, .kidara-home h3 { font-family: var(--font-family-heading); color: var(--ink); letter-spacing: -.035em; }
.kidara-home h2 { margin: 0 0 18px; font-size: clamp(30px, 3.1vw, 46px); line-height: 1.13; font-weight: 800; }
.kidara-home h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; font-weight: 800; }
.kidara-home p { color: var(--muted); }
.kidara-home .k-eyebrow { margin: 0 0 20px; color: #8a75e3; font-size: 13px; line-height: 1.5; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.kidara-home .landing-home-nav { position: absolute; z-index: 3; inset: 0 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; overflow: visible; gap: 30px; width: 100%; min-height: 104px; margin: 0; padding: 24px 5.5%; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.kidara-home .landing-home-nav .auth-logo-image { width: 142px; height: auto; max-height: none; }
.kidara-home .auth-logo-image-light { display: block; }
.kidara-home .auth-logo-image-dark { display: none; }
.kidara-home .landing-home-nav .landing-menu-toggle { display: none; }
.kidara-home .landing-home-actions { display: flex; flex: 1; justify-content: flex-end; gap: clamp(15px, 2.5vw, 38px); flex-wrap: nowrap; }
.kidara-home .landing-home-nav .landing-home-link { display: inline-flex; font-size: 14px; padding: 0; color: var(--ink); white-space: nowrap; }
.kidara-home .landing-home-link::before, .kidara-home .landing-home-language::before { display: none; }
.kidara-home .landing-home-language { padding: 4px; margin-left: auto; gap: 4px; border: 0; background: rgba(255,255,255,.8); border-radius: 30px; }
.kidara-home .language-flag { width: 36px; height: 36px; padding: 0; }
.kidara-home .landing-download-button { flex-direction: row-reverse; background: var(--primary); color: white; border: 0; border-radius: 40px; padding: 12px 26px; min-height: 46px; margin: 0; font-size: 15px; box-shadow: none; }
.kidara-home .k-hero { position: relative; min-height: 740px; display: flex; align-items: center; padding: 150px 5.5% 42px; background: #f8f6f2; isolation: isolate; }
.kidara-home .k-hero-photo { position: absolute; z-index: -2; inset: 0 0 0 36%; background: url("assets/kidara-family-hero-hd.webp") center 45% / cover no-repeat; }
.kidara-home .k-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #fcfbfa 0%, #fcfbfa 27%, rgba(252,251,250,.94) 34%, rgba(252,251,250,.2) 48%, transparent 61%); }
.kidara-home .k-hero-content { width: 43%; max-width: 510px; }
.kidara-home h1 { max-width: 480px; margin: 0 0 22px; font-size: clamp(44px, 4.8vw, 72px); line-height: 1.02; font-weight: 800; letter-spacing: -.045em; }
.kidara-home .k-lead { max-width: 400px; margin: 0 0 26px; font-size: clamp(20px, 2vw, 27px); line-height: 1.4; }
.kidara-home .k-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 54px; min-width: 245px; padding: 14px 28px; border-radius: 40px; background: linear-gradient(110deg,#7650ff,#795cff); color: #fff; text-decoration: none; font-weight: 700; font-size: 17px; }
.kidara-home .k-button:hover, .kidara-home .landing-download-button:hover { background: #6241e5; }
.kidara-home .k-button-soft { background: #e9e2ff; color: #7050ea; }
.kidara-home .k-button-soft:hover { background: #ded2ff; }
.kidara-home .k-stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.kidara-home .k-store { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 7px 13px; border: 1px solid #444; border-radius: 7px; background: #080808; color: #fff; text-decoration: none; text-align: left; }
.kidara-home .k-store > span { display: grid; gap: 1px; }
.kidara-home .k-store small { font-size: 10px; line-height: 1; }
.kidara-home .k-store strong { font-size: 19px; line-height: 1.1; letter-spacing: -.03em; }
.kidara-home .k-store-icon { width: 29px; height: 32px; flex-shrink: 0; }
.kidara-home .k-store:hover { background: #292536; }
.kidara-home .k-trustline { margin: 28px 0 0; font-size: 12px; }
.kidara-home .k-safety { padding: 46px 8% 54px; text-align: center; background: #fefeff; }
.kidara-home .k-safety .k-eyebrow { margin-bottom: 10px; }
.kidara-home .k-safety h2 { font-size: clamp(28px, 2.8vw, 40px); }
.kidara-home .k-trust-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; margin-top: 32px; }
.kidara-home .k-icon-disc { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; flex-shrink: 0; border-radius: 50%; background: #efebff; color: var(--primary); }
.kidara-home .k-icon-disc svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.kidara-home .k-trust-grid h3 { margin-top: 20px; }
.kidara-home .k-trust-grid p { margin: 0 auto; max-width: 240px; font-size: 17px; line-height: 1.5; }
.kidara-home .k-app { display: grid; grid-template-columns: 1.12fr 1fr .72fr; align-items: center; gap: 24px; padding: 36px 5.5%; background: #f7f5ff; scroll-margin-top: 24px; }
.kidara-home .k-section-lead { font-size: 20px; line-height: 1.5; margin: 0 0 28px; max-width: 950px; }
.kidara-home .k-app-preview {
  width: min(100%, 310px);
  margin: 0 auto;
  padding: 7px;
  border: 2px solid #45434b;
  border-radius: 38px;
  background: #15141a;
  box-shadow: 0 18px 36px rgba(28, 21, 53, .18);
}
.kidara-home .k-app-preview img { border-radius: 29px; }
.kidara-home .k-app-preview img { width: 100%; height: auto; display: block; }
.kidara-home .k-features { display: grid; gap: 28px; }
.kidara-home .k-features article { display: flex; gap: 16px; align-items: flex-start; }
.kidara-home .k-features .k-icon-disc { width: 60px; height: 60px; }
.kidara-home .k-features .k-icon-disc svg { width: 28px; height: 28px; }
.kidara-home .k-features h3 { font-size: 16px; margin: 4px 0 5px; letter-spacing: -.02em; }
.kidara-home .k-features p { margin: 0; font-size: 14px; line-height: 1.5; }
.kidara-home .k-how { padding: 58px 7%; background: #fff9f3; scroll-margin-top: 24px; }
.kidara-home .k-how .k-eyebrow { color: #7883ad; margin-bottom: 16px; }
.kidara-home .k-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; margin-top: 34px; }
.kidara-home .k-steps article { padding: 26px; background: #fff; border-radius: 10px; box-shadow: 0 8px 24px rgba(48,29,74,.05); }
.kidara-home .k-step-number { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 2px solid #ded3ff; border-radius: 50%; color: var(--primary); font-size: 18px; font-weight: 800; margin-bottom: 12px; }
.kidara-home .k-steps p { margin: 0; font-size: 17px; line-height: 1.5; }
.kidara-home .k-memory { position: relative; min-height: 370px; display: flex; align-items: center; justify-content: flex-end; padding: 55px 8%; background: #827465; isolation: isolate; }
.kidara-home .k-memory-photo { position: absolute; z-index: -2; inset: 0 35% 0 0; background: url("assets/kidara-design-sunset.webp") center / cover no-repeat; }
.kidara-home .k-memory::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,transparent 25%,rgba(86,74,62,.15) 44%, #706457 70%); }
.kidara-home .k-memory blockquote { width: 39%; margin: 0; color: #fff; font-family: var(--font-family-heading); font-size: clamp(26px, 2.7vw, 38px); line-height: 1.35; text-shadow: 0 1px 5px #514338; }
.kidara-home .k-memory blockquote::after { content: ""; display: block; width: 42px; height: 2px; margin-top: 28px; background: #d9d0c6; }
.kidara-home .k-download { padding: 44px 24px; text-align: center; scroll-margin-top: 24px; }
.kidara-home .k-download .k-eyebrow { margin-bottom: 10px; }
.kidara-home .k-download h2 { font-size: 36px; margin-bottom: 12px; }
.kidara-home .k-download p:not(.k-eyebrow) { margin: 0; }
.kidara-home .k-download .k-stores { justify-content: center; }
.kidara-home .k-footer { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center; padding: 26px 5% 32px; }
.kidara-home .k-footer img { display: block; height: auto; }
.kidara-home .k-footer nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px 22px; }
.kidara-home .k-footer a { color: var(--muted); text-decoration: none; font-size: 13px; }
.kidara-home .k-footer small { color: var(--muted); font-size: 11px; }
.kidara-home .k-footer > small:last-child { text-align: right; }
.kidara-home a:focus-visible, .kidara-home button:focus-visible { outline: 3px solid #7957ff; outline-offset: 5px; }
.kidara-home .k-skip { position: fixed; z-index: 200; top: 8px; left: 8px; padding: 12px 20px; background: white; color: var(--ink); transform: translateY(-150%); }
.kidara-home .k-skip:focus { transform: translateY(0); }
@media (max-width: 1100px) {
  .kidara-home .landing-home-nav { padding: 20px 4%; gap: 22px; }
  .kidara-home .landing-home-actions { gap: 18px; }
  .kidara-home .landing-home-nav .auth-logo-image { width: 120px; }
  .kidara-home .landing-home-nav .landing-home-link { display: inline-flex; font-size: 12px; }
  .kidara-home .landing-home-nav .landing-download-button { padding: 10px 18px; }
  .kidara-home .k-app { grid-template-columns: 1fr 1fr; gap: 26px; }
  .kidara-home .k-features { grid-column: 1 / -1; grid-template-columns: repeat(4,1fr); gap: 18px; padding-bottom: 12px; }
  .kidara-home .k-features article { display: grid; }
}
@media (max-width: 800px) {
  .kidara-home .landing-home-nav { position: relative; min-height: 80px; padding: 16px 5%; background: #fcfbfa; }
  .kidara-home .landing-home-nav .landing-home-link { display: none; }
  .kidara-home .landing-home-actions { gap: 12px; }
  .kidara-home .landing-home-nav .landing-menu-toggle { display: grid; }
  .kidara-home .landing-home-nav .landing-download-button { display: none; }
  .kidara-home .k-hero { min-height: 650px; padding: 50px 6%; align-items: flex-start; }
  .kidara-home .k-hero-content { width: 53%; }
  .kidara-home h1 { font-size: clamp(42px,7vw,58px); }
  .kidara-home .k-hero-photo { left: 32%; background-position: 47% center; }
  .kidara-home .k-hero::after { background: linear-gradient(90deg,#fcfbfa 0%,rgba(252,251,250,.97) 29%,rgba(252,251,250,.5) 47%,transparent 75%); }
  .kidara-home .k-lead { font-size: 21px; }
  .kidara-home .k-button { min-width: 200px; }
  .kidara-home .k-trust-grid { gap: 20px; }
  .kidara-home .k-safety { padding: 38px 5%; }
  .kidara-home .k-trust-grid p { font-size: 15px; }
  .kidara-home .k-trust-grid h3 { font-size: 18px; }
  .kidara-home .k-how { padding: 40px 6%; }
  .kidara-home .k-steps { gap: 15px; }
  .kidara-home .k-steps article { padding: 18px; }
  .kidara-home .k-steps p { font-size: 15px; }
  .kidara-home .k-steps h3 { font-size: 18px; }
  .kidara-home .k-memory blockquote { width: 45%; }
}
@media (max-width: 540px) {
  .kidara-home .landing-home-nav .auth-logo-image { width: 116px; }
  .kidara-home .landing-home-actions { gap: 10px; }
  .kidara-home .k-hero { min-height: 0; padding: 28px 6% 280px; }
  .kidara-home .k-hero-content { width: 100%; max-width: none; }
  .kidara-home .k-hero-photo { inset: auto 0 0; height: 320px; background-position: center 42%; }
  .kidara-home .k-hero::after { background: linear-gradient(180deg,#fcfbfa 0%,#fcfbfa calc(100% - 320px),rgba(252,251,250,.08) calc(100% - 230px),transparent 100%); }
  .kidara-home h1 { max-width: 370px; font-size: 47px; }
  .kidara-home .k-eyebrow { font-size: 11px; margin-bottom: 14px; }
  .kidara-home .k-lead { font-size: 20px; max-width: 340px; }
  .kidara-home .k-stores { gap: 10px; margin-top: 18px; }
  .kidara-home .k-store { padding: 7px 10px; }
  .kidara-home .k-store strong { font-size: 17px; }
  .kidara-home .k-store-icon { width: 25px; }
  .kidara-home .k-trustline { margin-top: 20px; }
  .kidara-home .k-trust-grid { grid-template-columns: 1fr; gap: 28px; }
  .kidara-home .k-trust-grid article { display: grid; grid-template-columns: 60px 1fr; column-gap: 18px; text-align: left; align-items: center; }
  .kidara-home .k-trust-grid .k-icon-disc { grid-row: span 2; width: 60px; height: 60px; }
  .kidara-home .k-trust-grid h3 { margin: 0 0 4px; }
  .kidara-home .k-trust-grid p { max-width: none; margin: 0; }
  .kidara-home .k-app { grid-template-columns: 1fr; padding: 36px 6%; }
  .kidara-home .k-app-preview { width: min(100%,310px); margin: auto; }
  .kidara-home .k-features { grid-template-columns: 1fr 1fr; gap: 24px 18px; }
  .kidara-home .k-features article { gap: 10px; }
  .kidara-home .k-section-lead { font-size: 18px; }
  .kidara-home .k-steps { grid-template-columns: 1fr; }
  .kidara-home .k-steps article { padding: 24px; }
  .kidara-home .k-steps p { font-size: 17px; }
  .kidara-home .k-memory { min-height: 430px; padding: 26px 7%; align-items: flex-end; }
  .kidara-home .k-memory-photo { inset: 0; background-position: 40% center; }
  .kidara-home .k-memory::after { background: linear-gradient(180deg,transparent 25%,rgba(47,39,32,.88) 100%); }
  .kidara-home .k-memory blockquote { width: 100%; font-size: 28px; }
  .kidara-home .k-download h2 { font-size: 30px; }
  .kidara-home .k-footer { grid-template-columns: 1fr; gap: 20px; }
  .kidara-home .k-footer nav { justify-content: flex-start; }
  .kidara-home .k-footer > small:last-child { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .kidara-home *, .kidara-home *::before, .kidara-home *::after { scroll-behavior: auto; transition: none; }
}

.kidara-home .landing-mobile-download { background: var(--primary); color: #fff; box-shadow: 0 8px 24px rgba(121,87,255,.16); border-radius: 28px; }
.kidara-home .k-footer-social { display: flex; gap: 18px; justify-content: flex-end; }
@media (max-width: 540px) { .kidara-home .k-footer-social { justify-content: flex-start; } }

.kidara-home .k-positioning { margin: 0 0 10px; font-family: var(--font-family-heading); font-size: 23px; font-weight: 800; color: var(--ink); }
.kidara-home .k-hero .k-lead { font-size: clamp(18px,1.5vw,22px); line-height: 1.5; }
.kidara-home .k-availability { margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.kidara-home .k-download .k-button { margin: 8px 0 18px; }

.kidara-home .k-trustline { font-size: 15px; line-height: 1.5; font-weight: 600; }

/* Product-first introduction and clear paths to the app. */
.kidara-home .k-early-access { margin: 12px 0 0; color: #5938a5; font-size: 15px; font-weight: 800; }
.kidara-home .k-hero .k-trustline { margin-top: 14px; }
.kidara-home .k-answer-example { padding: 20px; margin: 24px 0; border: 1px solid #e4dcf5; border-radius: 20px; background: #fff; }
.kidara-home .k-example-label { margin: 0 0 12px; font-size: 13px; font-weight: 700; }
.kidara-home .k-example-question { margin: 0 0 16px; color: var(--ink); font-size: 21px; font-weight: 800; line-height: 1.4; }
.kidara-home .k-example-answer { padding: 14px 16px; border-radius: 14px; background: #f2edff; }
.kidara-home .k-example-answer span { color: #5938a5; font-size: 12px; font-weight: 800; }
.kidara-home .k-example-answer p { margin: 6px 0 0; color: var(--ink); font-size: 17px; line-height: 1.6; }
.kidara-home .k-app-preview a { display: block; border-radius: 29px; }
.kidara-home .k-text-link { color: #5938a5; font-weight: 800; text-underline-offset: 4px; line-height: 1.5; }
.kidara-home .k-founder { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 600px); align-items: center; justify-content: center; gap: 36px; padding: 40px 6%; background: #fcfbfa; }
.kidara-home .k-founder-preview { position: relative; display: block; border-radius: 20px; overflow: hidden; background: #201733; }
.kidara-home .k-founder-preview img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.kidara-home .k-founder-play { position: absolute; inset: 0; margin: auto; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; color: white; background: #5938a5; box-shadow: 0 4px 20px #0005; }
.kidara-home .k-founder-preview:hover .k-founder-play { background: #452887; }
.kidara-home .k-founder .k-eyebrow { margin-bottom: 8px; }
.kidara-home .k-founder h2 { font-size: clamp(26px, 3vw, 34px); margin-bottom: 12px; }
.kidara-home .k-founder p:not(.k-eyebrow) { font-size: 17px; line-height: 1.65; margin: 0 0 16px; }
.kidara-home .k-trust-grid article { padding: 24px 18px; border: 1px solid #e8e0f5; border-radius: 20px; background: #fff; }
.kidara-home .k-safety-details { max-width: 900px; margin: 28px auto 0; text-align: left; border-top: 1px solid #e8e0f5; }
.kidara-home .k-safety-details summary { cursor: pointer; padding: 20px 4px; font-weight: 800; color: #5938a5; line-height: 1.5; }
.kidara-home .k-safety-details summary:focus-visible { outline: 3px solid #7957ff; outline-offset: 3px; }
.kidara-home .k-safety-details .safety-message { margin: 0; }
.kidara-home .k-download-actions { display: flex; justify-content: center; align-items: center; gap: 36px; margin-top: 24px; }
.kidara-home .k-download-actions .k-stores { margin-top: 0; }
.kidara-home .k-download-qr { display: flex; align-items: center; gap: 16px; margin: 0; padding-left: 28px; border-left: 1px solid #e4dcf5; text-align: left; }
.kidara-home .k-download-qr img { flex-shrink: 0; width: 148px; height: 148px; }
.kidara-home .k-download-qr figcaption { display: grid; gap: 8px; max-width: 190px; font-size: 14px; color: var(--muted); line-height: 1.5; }
.kidara-home .k-download-qr strong { font-size: 16px; color: var(--ink); }
.kidara-home .k-preview-dialog { width: min(560px, calc(100% - 24px)); max-height: 90vh; max-height: 90dvh; margin: auto; padding: 0; border: 1px solid #e4dcf5; border-radius: 22px; background: #fff; color: var(--ink); overscroll-behavior: contain; }
.kidara-home .k-preview-dialog::backdrop { background: rgba(17, 16, 39, .65); }
.kidara-home .k-preview-heading { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 22px; background: #fff; border-bottom: 1px solid #eee8f7; }
.kidara-home .k-preview-heading h2 { font-size: 25px; margin: 0 0 4px; }
.kidara-home .k-preview-heading p { font-size: 14px; margin: 0; }
.kidara-home .k-preview-close { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; background: #f2edff; color: #5938a5; border-radius: 50%; font-size: 30px; }
.kidara-home .k-preview-dialog figure { margin: 0; padding: 16px; }
.kidara-home .k-preview-dialog img { display: block; width: 100%; height: auto; border-radius: 16px; }
.kidara-home .k-preview-dialog figcaption { padding: 16px 8px 4px; color: var(--muted); font-size: 15px; line-height: 1.5; }
body.home-preview-open { overflow: hidden; }
@media (max-width: 900px) { .kidara-home .k-download-qr { display: none; } }
@media (max-width: 600px) {
  .kidara-home .k-founder { grid-template-columns: 1fr; gap: 24px; padding-block: 32px; }
  .kidara-home .k-founder-preview { width: min(100%, 320px); margin-inline: auto; }
  .kidara-home .k-trust-grid { gap: 16px; }
  .kidara-home .k-download-actions { display: block; }
}

/* The screenshot gallery keeps screen choices and the close control within reach. */
.kidara-home .k-preview-heading { z-index: 2; }
.kidara-home .k-preview-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 16px 0; background: white; }
.kidara-home .k-preview-tabs button { flex: 1 0 auto; min-height: 44px; padding: 9px 12px; border: 1px solid #e4dcf5; border-radius: 12px; background: #f7f5ff; color: #5938a5; font-size: 14px; box-shadow: none; }
.kidara-home .k-preview-tabs button[aria-selected="true"] { background: #5938a5; border-color: #5938a5; color: #fff; }

.kidara-home .k-preview-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.kidara-home .k-preview-heading .k-preview-tabs { grid-column: 1 / -1; padding: 0; }

/* @author Sreejith Sreenivasan: reserve artwork space during language changes. */
.kidara-home .k-app-preview img { aspect-ratio: 1206 / 2622; object-fit: contain; }
@media (max-width: 680px) {
  .kidara-home .k-hero { display: grid; grid-template-rows: minmax(440px, auto) 280px; align-items: start; padding-bottom: 0; }
  .kidara-home .k-hero-content { grid-row: 1; }
  .kidara-home .k-hero-photo { grid-row: 2; position: relative; inset: auto; width: calc(100% + 12%); margin-inline: -6%; height: 280px; }
}

@media (min-width: 1001px) { .kidara-home .k-hero-photo { height: 740px; bottom: auto; } }
@media (min-width: 681px) and (max-width: 1000px) { .kidara-home .k-hero-photo { height: 650px; bottom: auto; } }