/* Visual layer only: search content and metadata remain in the HTML. */
body.newui {
  --ink:#302b38; --muted:#706a76; --violet:#75598e;
  --cream:#fbfaf8; --line:#e8e3e9; --paper:#fffefd;
  background:var(--cream); color:var(--ink);
}
.newui .container { max-width:1240px; padding-inline:32px; }
.newui :focus-visible { outline:3px solid var(--violet); outline-offset:5px; }
.newui section[id] { scroll-margin-top:108px; }
.newui h1,.newui h2,.newui h3 { font-weight:600; }
.newui .section-title { color:var(--ink); font-size:clamp(1.8rem,2.8vw,2.45rem); font-weight:500; line-height:1.4; letter-spacing:-.025em; margin-bottom:28px; text-wrap:balance; }
.newui .section-title::after { display:none; }
.newui header { background:#fbfaf8f5; border-bottom:1px solid var(--line); box-shadow:none; }
.newui nav { max-width:1440px; margin:auto; gap:20px; padding:18px 32px; }
.newui .logo { font-size:1.55rem; gap:10px; }
.newui .logo:hover { transform:none; }
.newui .logo-text { background:none; -webkit-text-fill-color:var(--ink); text-shadow:none; letter-spacing:-.045em; font-weight:600; }
.newui .logo-icon { animation:none; box-shadow:none; width:36px; height:36px; }
.newui .nav-links { gap:20px; align-items:center; }
.newui .nav-links a { color:var(--muted); font-size:.85rem; font-weight:400; }
.newui .nav-links a:hover { color:var(--violet); }
.newui .download-btn,.newui .sticky-btn { background:var(--violet); border-radius:12px; box-shadow:none; padding:12px 20px; font-size:.85rem; font-weight:500; }
.newui .lang-dd summary { color:var(--muted); border-color:var(--line); background:var(--paper); font-weight:400; }

/* A calm family scene with an unmistakable preview of the actual product. */
.newui .hero { padding:144px 0 70px; overflow:hidden; background:var(--cream); }
.newui .hero::before,.newui .hero::after { display:none; }
.newui .hero .hero-content { display:grid; grid-template-columns:1.08fr 1fr; gap:68px; align-items:center; text-align:start; }
html[dir] body.newui .hero-text { text-align:start; max-width:580px; }
.newui .hero-text h1 { font-size:clamp(2.25rem,3.7vw,3.3rem); font-weight:500; line-height:1.24; letter-spacing:-.04em; color:var(--ink); margin:0 0 24px; text-wrap:balance; }
.newui .hero-text .highlight { background:none; -webkit-text-fill-color:var(--violet); color:var(--violet); }
.newui .hero-text p { font-size:1.02rem; line-height:1.95; color:var(--muted); margin:0 0 28px; max-width:34em; }
.newui .hero-buttons { justify-content:flex-start; gap:12px; }
.newui .store-badge { height:46px; width:auto; }
.newui .hero-eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--violet); font-size:.8rem; font-weight:400; margin-bottom:20px; }
.newui .hero-eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:#94ad95; margin-inline:4px; }
.newui .family-scene { position:relative; width:100%; aspect-ratio:1; isolation:isolate; }
.newui .family-scene::before { content:''; position:absolute; inset:8% 0 0 8%; background:#eee8ef; border-radius:46% 46% 22% 22%; z-index:-1; }
.newui .family-art { width:94%; height:auto; margin-inline-start:auto; object-fit:cover; border-radius:46% 46% 22% 22%; display:block; mix-blend-mode:multiply; transform-origin:50% 85%; animation:family-sway 8s ease-in-out infinite; }
.newui .scene-phone { position:absolute; left:-4%; bottom:-4%; width:32%; transform:rotate(-5deg); border:5px solid #fff; border-radius:26px; overflow:hidden; box-shadow:0 20px 42px #48355320; background:#fff; }
.newui .scene-phone img { width:100%; height:auto; display:block; }
.newui .motion-toggle { position:absolute; bottom:-20px; right:2%; border:1px solid var(--line); background:var(--cream); color:var(--muted); border-radius:50%; width:44px; height:44px; cursor:pointer; font:inherit; z-index:3; }
.newui .motion-toggle[hidden] { display:none; }
.newui.motion-paused .family-scene *,.newui .family-scene.offscreen * { animation-play-state:paused; }
.newui:not(.motion-enabled) .family-scene * { animation:none; }
@keyframes family-sway { 0%,100% { transform:rotate(-.5deg) translateY(0); } 50% { transform:rotate(.5deg) translateY(-4px); } }
.newui .feature-links-bar { background:var(--cream); padding:24px 20px 32px; border-bottom:1px solid var(--line); }
.newui .feature-links-bar-inner { max-width:1100px; gap:12px; }
.newui .feature-link-pill { background:transparent; color:var(--muted); border:1px solid var(--line); border-radius:30px; padding:9px 22px; font-weight:400; }
.newui .feature-link-pill:hover { background:#f0eaf3; box-shadow:none; }

/* Equal, compact feature cards. Soft masks integrate the existing object art. */
.newui .features,.newui .seo-section { background:var(--cream); padding:88px 0; }
.newui .features::before { display:none; }
.newui .features-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:36px; }
.newui .feature-card { padding:20px 24px 28px; border:1px solid var(--line); border-radius:22px; box-shadow:none; background:var(--paper); text-align:start; overflow:hidden; }
.newui .feature-card::before { display:none; }
.newui .feature-art { width:140px; height:126px; margin:0 0 14px; }
.newui .feature-art img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; mask-image:radial-gradient(ellipse 64% 64% at center,#000 50%,transparent 79%); transition:transform .5s ease; }
.newui .feature-card h3 { font-size:1.08rem; line-height:1.55; margin:0 0 12px; color:var(--ink); }
.newui .feature-card p { color:var(--muted); font-size:.9rem; line-height:1.85; margin:0; }
.newui .feature-card:hover { transform:translateY(-3px); box-shadow:0 10px 28px #45335108; }
.newui .feature-card:hover .feature-art img { transform:translateY(-3px); }

/* Testimonials have the rhythm of quotations, without decorative pictures. */
.newui .reviews-section { background:#f0ecef; padding:80px 0; }
.newui .reviews-subtitle { color:var(--muted); font-size:1rem; }
.newui .reviews-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:42px; }
.newui .review-card { border:0; border-top:1px solid #d7ccd9; border-radius:0; padding:24px 0 0; box-shadow:none; background:transparent; text-align:start; }
.newui .review-card:hover { transform:none; box-shadow:none; }
.newui .review-card p { color:#595160; font-style:normal; font-size:.96rem; line-height:1.9; }
.newui .review-author { color:var(--muted); margin-top:18px; font-size:.77rem; font-weight:400; }

/* Real video and screenshots: no unrelated artwork or automatic playback. */
.newui .video-section { background:#f4f0e9; padding:80px 0; }
.newui .video-section .container { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:0 80px; max-width:1000px; align-items:center; }
.newui .video-section .section-title { text-align:start; align-self:end; margin-bottom:20px; }
.newui .video-desc { text-align:start; align-self:start; color:var(--muted); font-size:1.05rem; line-height:1.9; margin:0; }
.newui .video-phone-frame { grid-column:2; grid-row:1/3; width:100%; max-width:260px; border:5px solid #fff; border-radius:30px; box-shadow:0 22px 60px #45335118; }
.newui .screenshots { background:#eeedf2; padding:84px 0 66px; }
.newui .screenshots .section-title { text-align:start; max-width:760px; }
.newui .gallery-controls { display:flex; justify-content:flex-end; gap:10px; margin-top:-12px; }
.newui .gallery-controls button { display:grid; place-items:center; width:44px; height:44px; border:1px solid #d5cadf; border-radius:50%; background:#fbfaf8; color:var(--ink); font:inherit; font-size:1.25rem; cursor:pointer; }
.newui .gallery-controls button:disabled { opacity:.35; cursor:default; }
.newui .gallery-controls button:not(:disabled):hover { background:#e5deeb; }
.newui .screenshots-grid-new { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:232px; gap:32px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:6px; padding:10px 6px 28px; margin-top:30px; scrollbar-color:#b8a8c5 transparent; scrollbar-width:thin; justify-content:normal; }
.newui .screenshots-grid-new .ss-item { width:100%; max-width:none; min-width:0; scroll-snap-align:start; }
.newui .ss-item:hover,.newui .ss-item:hover .ss-shot { transform:none; }
.newui .ss-item h3 { color:var(--ink); font-size:.95rem; font-weight:400; margin-bottom:20px; }
.newui .ss-phone-frame,.newui .ss-shot { max-width:none; margin:auto; border-radius:24px; border:4px solid #fff; box-shadow:0 10px 24px #4533510f; }
.newui .ss-item:hover .ss-phone-frame,.newui .ss-item:hover .ss-shot { box-shadow:0 10px 24px #4533510f; }

/* Long-form content stays in the document with a varied reading hierarchy. */
.newui .seo-section[style] { background:var(--cream) !important; }
.newui .seo-section + .seo-section { border-top:1px solid var(--line); }
.newui .seo-grid { display:grid; gap:24px; margin-top:32px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.newui .seo-card { background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:28px 0 8px; box-shadow:none; text-align:start; }
.newui .seo-card:hover { transform:none; box-shadow:none; }
.newui .seo-card h3 { color:var(--ink); font-size:1.15rem; font-weight:500; line-height:1.6; margin-bottom:12px; }
.newui .seo-card p { color:var(--muted); font-size:.98rem; line-height:1.9; }
.newui #about .section-title { text-align:start; max-width:760px; }
.newui #about .seo-grid { gap:18px 40px; }
.newui #about .seo-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 2fr; gap:40px; padding-block:28px; }
.newui #tips { background:#f4f0e9 !important; }
.newui #tips .seo-grid { gap:28px; }
.newui #tips .seo-card { padding:30px; background:var(--paper); border:1px solid #e9e3da; border-radius:18px; }
.newui #guides .container,.newui #yoman-meakev-tinok .container { display:grid; grid-template-columns:1fr 1.8fr; gap:64px; align-items:start; }
.newui #guides .section-title,.newui #yoman-meakev-tinok .section-title { text-align:start; margin:0; }
.newui #guides .seo-grid { margin:0; gap:24px; }
.newui #guides .seo-card:first-child { border:0; padding-top:0; }
.newui #yoman-meakev-tinok { background:#efeee8 !important; padding-block:80px !important; }
.newui #new-features { background:var(--paper) !important; }
.newui #new-features .container { display:grid; grid-template-columns:1fr 2.2fr; gap:48px; align-items:start; }
.newui #new-features .section-title { text-align:start; }
.newui #new-features .seo-grid { margin:0; gap:36px; }
.newui #new-features .seo-card { border:0 !important; padding:0; }

/* One lead story, followed by restrained compact article links. */
.newui #blog { background:#f3eee9 !important; padding:84px 0 !important; }
.newui #blog .container { max-width:1240px !important; }
.newui .home-blog-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:22px !important; text-align:start !important; }
.newui .home-blog-card { background:transparent !important; border:0 !important; border-top:1px solid #ddd4cd !important; border-radius:0 !important; padding:22px 0 !important; }
.newui .home-blog-card > span { color:var(--violet) !important; background:transparent !important; padding:0 !important; font-weight:400 !important; }
.newui .home-blog-card h3 { font-size:1.12rem !important; line-height:1.55 !important; font-weight:500; color:var(--ink) !important; }
.newui .home-blog-card p { font-size:.9rem !important; line-height:1.8; color:var(--muted) !important; }
.newui .home-blog-card:hover h3 { color:var(--violet) !important; }
.newui .home-blog-art { float:inline-end; width:86px; height:86px; margin-inline-start:18px; margin-bottom:12px; border-radius:14px; overflow:hidden; }
.newui .home-blog-art img { width:100%; height:100%; object-fit:cover; display:block; }
.newui .home-blog-card:first-child { grid-column:span 2; grid-row:span 2; display:grid !important; grid-template-columns:1fr 1fr; grid-template-rows:1fr auto 1fr; column-gap:24px; align-content:start; padding:0 !important; border:1px solid #e5ddd5 !important; border-radius:22px !important; background:var(--paper) !important; overflow:hidden; }
.newui .home-blog-card:first-child .home-blog-art { float:none; grid-column:1; grid-row:1/4; width:100%; height:100%; min-height:340px; margin:0; border-radius:0; }
.newui .home-blog-card:first-child .home-blog-art img { object-position:50% 15%; }
.newui .home-blog-card:first-child > :not(.home-blog-art) { grid-column:2; margin-inline:0 24px !important; }
.newui .home-blog-card:first-child > span { align-self:end; margin-top:24px; }
.newui .home-blog-card:first-child > p { align-self:start; margin-bottom:24px !important; }
.newui .home-blog-card:first-child h3 { font-size:1.65rem !important; }
.newui .home-blog-all { background:transparent !important; color:var(--violet) !important; border-radius:0 !important; min-height:auto !important; padding:20px 0 !important; align-items:start !important; text-align:start !important; border-top:1px solid #ddd4cd; }
.newui .home-blog-all > span:first-child { display:none !important; }

/* Focused nursing and sleep stories alternate their image placement. */
.newui #hanaka .container,.newui #meakev-shina .container { display:grid; grid-template-columns:.95fr 1.5fr; gap:24px 56px; align-items:start; }
.newui #hanaka .section-intro-art,.newui #meakev-shina .section-intro-art { grid-column:1; grid-row:1/3; width:100%; aspect-ratio:1; border-radius:34% 34% 20px 20px; overflow:hidden; }
.newui .section-intro-art img { width:100%; height:100%; object-fit:cover; display:block; }
.newui #hanaka .section-title,.newui #meakev-shina .section-title { text-align:start; margin:0; }
.newui #hanaka .container > div:last-child,.newui #meakev-shina .container > div:last-child { min-width:0; max-width:none !important; }
.newui #hanaka .seo-grid,.newui #meakev-shina .seo-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px; }
.newui #hanaka .seo-card,.newui #meakev-shina .seo-card { border:0 !important; border-top:1px solid var(--line) !important; padding:20px 0 0; }
.newui #hanaka .seo-card h3,.newui #meakev-shina .seo-card h3 { font-size:1.04rem; }
.newui #hanaka .seo-card p,.newui #meakev-shina .seo-card p { font-size:.9rem; }
.newui #meakev-shina { background:#f1eef4 !important; }
.newui #meakev-shina .container { grid-template-columns:1.5fr .95fr; }
.newui #meakev-shina .section-intro-art { grid-column:2; }
.newui #meakev-shina .container > :not(.section-intro-art) { grid-column:1; }
.newui #faq .container { max-width:980px; }
.newui #faq .seo-grid { gap:0; margin-top:38px; }
.newui #faq .seo-card { display:grid; grid-template-columns:1fr 1.65fr; gap:36px; padding:28px 0; }
.newui #faq .seo-card h3 { font-size:1.07rem; margin:0; }
.newui #faq .seo-card p { font-size:.95rem; }

.newui .download-section { background:#574268; padding:80px 0; overflow:hidden; }
.newui .download-section::before,.newui .download-section::after { display:none; }
.newui .download-section h2 { font-size:clamp(1.8rem,3vw,2.7rem); font-weight:500; line-height:1.4; max-width:760px; margin-inline:auto; }
.newui .download-section p { max-width:690px; margin-inline:auto; color:#eee7f3; font-size:1.05rem; line-height:1.9; }
.newui .store-buttons { flex-direction:row; flex-wrap:wrap; }
.newui .download-section .store-badge-link { background:#fff; border-radius:8px; }
.newui footer { background:#302b38; padding:60px 0 24px; }
.newui footer a { color:#e2dae7; }
.newui .footer-section h3 { color:#d9c8e8; font-weight:500; }
.newui .mobile-sticky-cta { border-color:var(--line); box-shadow:0 -6px 24px #4533510a; background:#fffdfbf5; padding-bottom:max(12px,env(safe-area-inset-bottom)); }
.newui .mobile-menu-btn { display:none; background:#efeaf2; color:var(--ink); border:0; border-radius:12px; width:44px; height:44px; font-size:22px; cursor:pointer; flex-shrink:0; }
.newui .newui-reveal { transition:transform .6s ease,opacity .6s ease; }
.newui .newui-reveal.pending { opacity:0; transform:translateY(14px); }

@media(max-width:1150px) {
 .newui nav { gap:14px; padding-inline:20px; } .newui .nav-links { gap:12px; } .newui .nav-links a { font-size:.78rem; }
 .newui .hero .hero-content { gap:40px; } .newui .features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .newui .feature-card { display:grid; grid-template-columns:1fr 112px; gap:12px 18px; align-items:center; }
 .newui .feature-art { grid-column:2; grid-row:1; width:112px; height:104px; margin:0; }
 .newui .feature-card h3 { grid-column:1; grid-row:1; margin:0; } .newui .feature-card p { grid-column:1/-1; }
 .newui #hanaka .container,.newui #meakev-shina .container { gap:24px 36px; }
}
@media(max-width:980px) {
 .newui nav { flex-wrap:wrap; padding:14px 20px; } .newui .logo { margin-inline-end:auto; }
 .newui .mobile-menu-btn { display:block !important; } .newui .nav-links { display:none; }
 .newui .nav-links.mobile-active { display:flex; position:absolute; top:100%; inset-inline:0; flex-direction:column; background:var(--cream); padding:20px; border-bottom:1px solid var(--line); box-shadow:0 18px 30px #4533510a; gap:0; }
 .newui .nav-links a { display:block; font-size:1rem; padding:12px; }
 .newui .hero { padding-top:118px; } .newui .hero-text h1 { font-size:2.45rem; } .newui .hero-text p { font-size:.95rem; }
 .newui .reviews-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .newui #guides .container,.newui #yoman-meakev-tinok .container { gap:36px; grid-template-columns:1fr 1.8fr; }
 .newui #new-features .container { display:block; } .newui #new-features .section-title { margin-bottom:36px; }
 .newui #hanaka .seo-grid,.newui #meakev-shina .seo-grid { grid-template-columns:1fr !important; }
}
@media(max-width:720px) {
 .newui .container { padding-inline:22px; } .newui nav { gap:10px; padding-inline:16px; }
 .newui nav > .download-btn { display:none; } .newui .logo { font-size:1.4rem; }
 .newui .hero { padding:108px 0 36px; } .newui .hero .hero-content { grid-template-columns:1fr; gap:30px; }
 html[dir] body.newui .hero-text { text-align:center; max-width:560px; margin:auto; }
 .newui .hero-text h1 { font-size:clamp(2rem,7.5vw,2.75rem); margin-bottom:20px; }
 .newui .hero-eyebrow { margin-bottom:18px; font-size:.75rem; } .newui .hero-text p { line-height:1.85; margin-bottom:24px; }
 .newui .hero-buttons { justify-content:center; } .newui .store-badge { height:42px; }
 .newui .family-scene { max-width:400px; width:88%; margin:8px auto 32px; }
 .newui .scene-phone { border-radius:18px; border-width:3px; width:33%; }
 .newui .feature-links-bar { padding:16px 20px 28px; } .newui .feature-links-bar-inner { gap:8px; } .newui .feature-link-pill { padding:9px 14px; font-size:.8rem; }
 .newui .features,.newui .reviews-section,.newui .screenshots,.newui .seo-section { padding:56px 0; }
 .newui .features-grid { gap:14px; margin-top:28px; } .newui .feature-card { padding:18px 22px 24px; }
 .newui .reviews-grid { gap:24px; } .newui .review-card p { font-size:.92rem; }
 .newui .video-section { padding:56px 0; } .newui .video-section .container { display:block; }
 .newui .video-section .section-title,.newui .video-desc { text-align:center; } .newui .video-desc { margin:0 auto 32px; }
 .newui .screenshots-grid-new { grid-auto-columns:210px; gap:24px; }
 .newui .screenshots .section-title { text-align:center; }
 .newui .seo-grid { gap:24px; } .newui #about .seo-card:first-child { display:block; }
 .newui #guides .container,.newui #yoman-meakev-tinok .container { display:block; }
 .newui #guides .section-title,.newui #yoman-meakev-tinok .section-title { margin-bottom:36px; }
 .newui #tips .seo-card { padding:24px; }
 .newui #blog { padding-block:56px !important; } .newui .home-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .newui .home-blog-card:first-child { grid-column:1/-1; grid-row:auto; display:block !important; padding-bottom:24px !important; }
 .newui .home-blog-card:first-child > :not(.home-blog-art) { margin-inline:24px !important; }
 .newui .home-blog-card:first-child > span { margin-top:0; }
 .newui .home-blog-card:first-child > p { margin-bottom:0 !important; }
 .newui .home-blog-card:first-child .home-blog-art { height:260px; min-height:0; margin-bottom:24px; }
 .newui #hanaka .container,.newui #meakev-shina .container { grid-template-columns:1fr; gap:26px; }
 .newui #hanaka .section-intro-art,.newui #meakev-shina .section-intro-art { grid-column:1; grid-row:2; max-width:360px; width:88%; margin:auto; aspect-ratio:1.18; }
 .newui #hanaka .section-title,.newui #meakev-shina .section-title { grid-row:1; text-align:center; }
 .newui #hanaka .seo-grid,.newui #meakev-shina .seo-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .newui #faq .seo-card { grid-template-columns:1fr; gap:10px; padding:24px 0; }
 .newui .download-section { padding:60px 0; } .newui .sticky-btn { padding:11px 14px; } .newui .sticky-text span { font-size:.7rem; }
}
@media(max-width:540px) {
 .newui .features-grid,.newui .reviews-grid,.newui .seo-grid { grid-template-columns:1fr; }
 .newui .feature-card h3 { font-size:1.08rem; } .newui .feature-card p { font-size:.91rem; }
 .newui .home-blog-grid { grid-template-columns:1fr !important; }
 .newui .home-blog-card:first-child h3 { font-size:1.4rem !important; }
 .newui .home-blog-card:first-child > :not(.home-blog-art) { margin-inline:24px !important; }
 .newui #hanaka .seo-grid,.newui #meakev-shina .seo-grid { grid-template-columns:1fr !important; }
 .newui #new-features .seo-card + .seo-card { border-top:1px solid var(--line) !important; padding-top:24px; }
}
@media(max-width:360px) {
 .newui .feature-card { grid-template-columns:1fr 86px; gap:10px 12px; padding-inline:20px; } .newui .feature-art { width:86px; height:92px; }
 .newui .store-badge { height:38px; } .newui .logo-icon { width:30px; height:30px; }
}
@media(prefers-reduced-motion:reduce) {
 .newui *, .newui *::before, .newui *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
 .newui .newui-reveal.pending { opacity:1; transform:none; } .newui .motion-toggle { display:none; }
}
