{"id":54,"date":"2026-07-07T02:40:18","date_gmt":"2026-07-07T02:40:18","guid":{"rendered":"http:\/\/ai-jia.ai\/?page_id=54"},"modified":"2026-07-27T02:00:28","modified_gmt":"2026-07-27T02:00:28","slug":"home","status":"publish","type":"page","link":"https:\/\/ai-jia.ai\/zh\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nAIjia | The Warm Side of AI, an Emotional AI Companion<\/title>\n<meta name=\"description\" content=\"Meet AIjia, the emotional AI companion built into everyday objects you hold close. Warm, voice first, made to be given. Discover the AIjia Shell Pillow.\" \/>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n\n<!-- LCP: preload exactly the crop this viewport will use. Only these three\n files are live on the server, so nothing here can 404. -->\n<link rel=\"preload\" as=\"image\" media=\"(min-width:1024px)\" fetchpriority=\"high\"\n href=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/07\/aijia-hero-wide-1920.jpg\" \/>\n<link rel=\"preload\" as=\"image\" media=\"(min-width:600px) and (max-width:1023px)\" fetchpriority=\"high\"\n href=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/07\/aijia-hero-mobile-1200.webp\" \/>\n<link rel=\"preload\" as=\"image\" media=\"(max-width:599px)\" fetchpriority=\"high\"\n href=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/07\/aijia-hero-mobile-900.webp\" \/>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n:root{\n --page-bg:#FEFDF8;\n --dark-bg:#282011;\n --card-white:#FFFFFF;\n --soft-cream:#FBF5E5;\n --badge-bg:#FCF4DC;\n --text-dark:#211C16;\n --text-body:#4a4234;\n --text-white:#FFFDF6;\n --text-muted:#B4AB93;\n --gold:#D39F18;\n --gold-deep:#9A7410;\n --gold-text:#7A5A08; \/* AA-safe gold for small text on light *\/\n --muted-light:#6E664F; \/* AA-safe muted on light *\/\n --border:#E4DECF;\n --border-ui:#8C8574; \/* 3:1 for control boundaries *\/\n --placeholder:#E8E0D0;\n --hero-ink:#0E1520; \/* cool blue-black, matched to the photo *\/\n --maxw:1180px;\n --ease:cubic-bezier(.22,.61,.36,1);\n --ease-out:cubic-bezier(.16,1,.3,1);\n --header-h:78px;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;\n scroll-padding-block-start:calc(var(--header-h) + 16px);interpolate-size:allow-keywords}\nbody{background:var(--page-bg);color:var(--text-dark);\n font-family:\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}\n.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}\nsection{position:relative}\nh1,h2,h3{font-family:\"Playfair Display\",Georgia,serif;font-weight:600;line-height:1.14;\n letter-spacing:-.01em;color:var(--text-dark);text-wrap:balance}\nh2{font-size:clamp(1.85rem,1.3rem + 2.6vw,2.85rem);margin-bottom:18px;font-weight:500}\nh3{font-size:1.22rem;font-weight:600}\np{color:var(--text-body);text-wrap:pretty}\na{color:inherit;text-decoration:none}\nimg{display:block;max-width:100%}\nul{list-style:none}\n:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;\n clip:rect(0 0 0 0);white-space:nowrap;border:0}\n.eyebrow{font-family:\"Inter\",sans-serif;font-weight:700;letter-spacing:.16em;text-transform:uppercase;\n font-size:.74rem;color:var(--gold-text);margin-bottom:14px;display:inline-flex;align-items:center;gap:9px}\n.eyebrow::before{content:\"\";width:22px;height:2px;background:var(--gold);border-radius:2px;flex:none}\n.center .eyebrow{justify-content:center}\n.lead{font-size:1.12rem;max-width:34em}\n.center{text-align:center}\n.center .lead{margin-left:auto;margin-right:auto}\n.pad{padding:108px 0}\n.pad-sm{padding:82px 0}\n\n\/* ---------- scroll progress ---------- *\/\n.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:1200;\n transform:scaleX(0);transform-origin:0 50%;pointer-events:none;\n background:linear-gradient(90deg,var(--gold-deep),var(--gold) 55%,#f0c24e)}\n\n\/* ---------- custom gold cursor ---------- *\/\n.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;\n z-index:9999;will-change:transform}\n.cursor-dot{width:7px;height:7px;background:var(--gold)}\n.cursor-ring{width:38px;height:38px;border:1.5px solid rgba(211,159,24,.65);\n transition:width .3s var(--ease),height .3s var(--ease),background .3s ease,border-color .3s ease}\n.cursor-ring.grow{width:62px;height:62px;background:rgba(211,159,24,.12);border-color:var(--gold)}\nbody.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}\n\n\/* ---------- buttons ---------- *\/\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;\n font-family:\"Inter\",sans-serif;font-weight:600;font-size:.97rem;\n padding:15px 27px;border-radius:999px;cursor:pointer;border:none;min-height:50px;\n transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s ease,\n color .3s ease,border-color .3s ease}\n.btn .arrow{transition:transform .4s var(--ease)}\n.btn:hover .arrow{transform:translateX(4px)}\n.btn-gold{position:relative;overflow:hidden;background:var(--gold);color:#1c1710;\n box-shadow:0 6px 22px -8px rgba(211,159,24,.55)}\n.btn-gold:hover{box-shadow:0 16px 40px -10px rgba(211,159,24,.75)}\n.btn-gold::after{content:\"\";position:absolute;top:0;bottom:0;left:0;width:60%;pointer-events:none;\n background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);\n transform:translateX(-130%) skewX(-18deg)}\n.btn-ghost{background:transparent;color:var(--text-dark);padding-left:6px}\n.btn-ghost.on-dark{color:var(--text-white)}\n.btn-outline{background:transparent;border:1.5px solid rgba(255,253,246,.55);color:var(--text-white)}\n.btn-outline:hover{border-color:var(--gold);box-shadow:0 0 30px -6px rgba(211,159,24,.6)}\n.magnetic{position:relative}\n\n\/* ---------- header ---------- *\/\nheader{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;\n transition:background .45s ease,box-shadow .45s ease,padding .45s ease}\nheader.scrolled{background:rgba(20,26,38,.82);backdrop-filter:saturate(140%) blur(14px);\n -webkit-backdrop-filter:saturate(140%) blur(14px);\n box-shadow:0 8px 34px -18px rgba(0,0,0,.7);padding:11px 0}\n.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}\n.logo{display:flex;align-items:center;gap:11px}\n.logo img{height:42px;width:auto}\n.logo .wm{display:flex;flex-direction:column;line-height:1}\n.logo .wm b{font-family:\"Playfair Display\",serif;font-weight:600;font-size:1.35rem;color:var(--text-white)}\n.logo .wm small{font-size:.62rem;letter-spacing:.18em;color:var(--gold);margin-top:3px}\n.navlinks{display:flex;align-items:center;gap:30px}\n.navlinks a,.has-menu>button{font-family:inherit;font-weight:500;font-size:.96rem;\n color:rgba(255,253,246,.9);cursor:pointer;position:relative;padding:6px 0;\n background:none;border:none;transition:color .3s ease}\n.navlinks a:hover,.has-menu:hover>button,.has-menu>button[aria-expanded=\"true\"]{color:var(--gold)}\n.navlinks a::after,.has-menu>button::after{content:\"\";position:absolute;left:0;bottom:-2px;height:2px;\n width:0;background:var(--gold);border-radius:2px;transition:width .35s var(--ease);\n box-shadow:0 0 10px rgba(211,159,24,.8)}\n.navlinks a:hover::after,.has-menu:hover>button::after{width:100%}\n.has-menu{position:relative}\n.has-menu .caret{font-size:.7rem;margin-left:4px;opacity:.85;display:inline-block;\n transition:transform .3s var(--ease)}\n.has-menu:hover .caret{transform:rotate(180deg)}\n.submenu{position:absolute;top:150%;left:50%;transform:translateX(-50%) translateY(8px);\n background:var(--card-white);border:1px solid var(--border);border-radius:16px;padding:10px;\n min-width:288px;opacity:0;visibility:hidden;box-shadow:0 24px 60px -20px rgba(40,32,17,.45);\n transition:opacity .3s ease,transform .3s var(--ease),visibility .3s}\n.has-menu:hover .submenu,.has-menu:focus-within .submenu{opacity:1;visibility:visible;\n transform:translateX(-50%) translateY(0)}\n.submenu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;\n color:var(--text-dark);transition:background .25s}\n.submenu a::after{display:none}\n.submenu a:hover{background:var(--soft-cream)}\n.submenu .dot{width:22px;height:22px;border-radius:50%;flex:none;\n background:radial-gradient(circle at 50% 45%,#f4d77a,var(--gold));\n box-shadow:0 0 12px -2px rgba(211,159,24,.6)}\n.submenu .dot.soon{background:#e7e2d4;box-shadow:none}\n.submenu .nm{font-weight:600;font-size:.95rem;display:block}\n.submenu .st{font-size:.78rem;color:var(--muted-light)}\n.lang-switcher{position:relative}\n.lang-btn{background:transparent;border:1.5px solid var(--gold);color:var(--gold);\n padding:9px 14px;border-radius:999px;cursor:pointer;font-size:.86rem;font-family:inherit;\n font-weight:600;transition:all .25s ease;white-space:nowrap;min-height:42px}\n.lang-btn:hover{background:var(--gold);color:#1c1710}\n.lang-dropdown{display:none;position:absolute;top:128%;right:0;background:var(--card-white);\n border:1px solid var(--border);border-radius:14px;padding:6px;min-width:150px;\n box-shadow:0 18px 48px -18px rgba(40,32,17,.4);z-index:1001}\n.lang-dropdown.open{display:block}\n.lang-dropdown li a{display:block;padding:11px 14px;border-radius:9px;color:var(--text-dark);\n font-size:.92rem;font-weight:500;transition:background .2s}\n.lang-dropdown li a:hover{background:var(--soft-cream)}\n.lang-dropdown li a.active{background:var(--badge-bg);color:var(--gold-text)}\n.nav-right{display:flex;align-items:center;gap:14px}\n\n\/* ---------- burger + mobile panel (rebuilt) ---------- *\/\n.burger{display:none;position:relative;width:48px;height:48px;background:none;border:none;\n cursor:pointer;flex:none;border-radius:50%;transition:background .3s ease}\n.burger:hover{background:rgba(255,253,246,.08)}\n.burger span{position:absolute;left:12px;width:24px;height:2px;border-radius:2px;\n background:var(--text-white);transition:transform .45s var(--ease-out),opacity .25s ease,top .45s var(--ease-out)}\n.burger span:nth-child(1){top:18px}\n.burger span:nth-child(2){top:24px}\n.burger span:nth-child(3){top:30px}\n.burger[aria-expanded=\"true\"] span:nth-child(1){top:24px;transform:rotate(45deg)}\n.burger[aria-expanded=\"true\"] span:nth-child(2){opacity:0;transform:scaleX(.4)}\n.burger[aria-expanded=\"true\"] span:nth-child(3){top:24px;transform:rotate(-45deg)}\n\n.mobile-panel{position:fixed;inset:0;z-index:999;background:var(--page-bg);\n padding:calc(var(--header-h) + 26px) 24px calc(30px + env(safe-area-inset-bottom));\n overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;\n display:flex;flex-direction:column;\n opacity:0;visibility:hidden;transform:translateY(-14px);\n transition:opacity .38s var(--ease-out),transform .45s var(--ease-out),visibility .45s}\n.mobile-panel.open{opacity:1;visibility:visible;transform:none}\n.mp-item{opacity:0;transform:translateY(16px);\n transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}\n.mobile-panel.open .mp-item{opacity:1;transform:none}\n.mobile-panel.open .mp-item:nth-child(1){transition-delay:.10s}\n.mobile-panel.open .mp-item:nth-child(2){transition-delay:.15s}\n.mobile-panel.open .mp-item:nth-child(3){transition-delay:.20s}\n.mobile-panel.open .mp-item:nth-child(4){transition-delay:.25s}\n.mobile-panel.open .mp-item:nth-child(5){transition-delay:.30s}\n.mobile-panel.open .mp-item:nth-child(6){transition-delay:.35s}\n.mobile-panel.open .mp-item:nth-child(7){transition-delay:.40s}\n.mobile-panel.open .mp-item:nth-child(8){transition-delay:.45s}\n\n.mp-group{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;\n text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;\n font-size:1.22rem;font-weight:600;color:var(--text-dark);padding:18px 2px;\n border-bottom:1px solid var(--border);min-height:60px}\n.mp-caret{font-size:.85rem;color:var(--gold-text);transition:transform .4s var(--ease)}\n.mp-group[aria-expanded=\"true\"] .mp-caret{transform:rotate(180deg)}\n\/* grid-rows accordion: animates to the REAL content height, so nothing is ever clipped *\/\n.mp-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}\n.mp-sub.open{grid-template-rows:1fr}\n.mp-sub>div{overflow:hidden;min-height:0}\n.mp-sub a{display:flex;align-items:center;justify-content:space-between;gap:10px;\n font-size:1.02rem;font-weight:500;padding:15px 2px 15px 18px;\n border-bottom:1px solid rgba(228,222,207,.85);color:var(--text-dark);min-height:56px}\n.mobile-panel>.mp-link{display:flex;align-items:center;justify-content:space-between;gap:12px;\n font-size:1.22rem;font-weight:600;color:var(--text-dark);padding:18px 2px;\n border-bottom:1px solid var(--border);min-height:60px}\n.mp-st{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;\n color:var(--gold-text);background:var(--badge-bg);padding:5px 11px;border-radius:999px;flex:none}\n.mp-st.soon{color:#6A6450;background:#efece1}\n.mobile-panel .mp-cta{margin-top:auto;padding-top:26px}\n.mobile-panel .mp-cta .btn{width:100%}\n.mp-langs{display:flex;gap:10px;padding-top:18px}\n.mp-langs a{flex:1;display:flex;align-items:center;justify-content:center;\n border:1.5px solid var(--border-ui);border-radius:999px;font-size:.95rem;font-weight:600;\n padding:13px;color:var(--text-dark);min-height:50px}\n.mp-langs a.active{border-color:var(--gold);color:var(--gold-text);background:var(--badge-bg)}\n\n.mobile-cta{display:none;position:fixed;left:18px;right:18px;\n bottom:calc(14px + env(safe-area-inset-bottom));z-index:900;\n transform:translateY(150%);opacity:0;\n transition:transform .5s var(--ease-out),opacity .4s ease;\n box-shadow:0 10px 34px -8px rgba(211,159,24,.65),0 4px 18px -6px rgba(40,32,17,.45)}\n.mobile-cta.show{transform:translateY(0);opacity:1}\n\n\/* ---------- OPENING: hero + story share ONE pinned image ----------\n The photograph is sticky for the whole opening, so it does not end at the\n fold \u2014 it holds behind the story and dissolves into night. *\/\n.opening{position:relative;background:var(--hero-ink)}\n.hero-media{position:sticky;top:0;height:100svh;z-index:0;overflow:hidden;\n margin-bottom:-100svh}\n\n\/* ---------- HERO ---------- *\/\n.hero{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;\n color:var(--text-white);background:transparent}\n.hero-media picture{display:block;width:100%;height:100%}\n.hero-media img{width:100%;height:100%;object-fit:cover;\n \/* grade: lift contrast and saturation, keep the blue hour. No sepia. *\/\n filter:saturate(1.14) contrast(1.07) brightness(.97);\n transform:scale(1.06);will-change:transform}\n\/* warm bloom over the lit window, cool depth everywhere else *\/\n.hero-grade{position:absolute;inset:0;z-index:1;pointer-events:none;\n background:\n radial-gradient(44% 52% at 84% 56%,rgba(255,197,92,.30),transparent 68%),\n radial-gradient(70% 60% at 12% 22%,rgba(24,44,80,.42),transparent 72%);\n mix-blend-mode:screen}\n.hero-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;\n background:\n linear-gradient(100deg,rgba(9,14,24,.90) 0%,rgba(11,17,28,.74) 34%,\n rgba(13,19,30,.34) 62%,rgba(13,19,30,.05) 82%,transparent 100%),\n linear-gradient(180deg,rgba(9,14,24,.58) 0%,transparent 22%,transparent 68%,rgba(7,11,19,.62) 100%)}\n.hero .wrap{position:relative;z-index:3;padding-top:150px;padding-bottom:120px}\n.hero-copy{max-width:660px}\n.hero .slogan{display:inline-flex;align-items:center;gap:10px;font-family:\"Inter\",sans-serif;\n font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;\n color:var(--gold);margin-bottom:24px}\n.hero .slogan::before{content:\"\";width:26px;height:2px;background:var(--gold);border-radius:2px}\n.headline-wrap{display:block;overflow:hidden;padding-bottom:.08em}\n.hero h1{font-family:\"Playfair Display\",serif;font-weight:500;color:var(--text-white);\n font-size:clamp(2.4rem,1.6rem + 3.4vw,4rem);line-height:1.1;letter-spacing:-.015em;\n text-shadow:0 2px 30px rgba(6,10,18,.5)}\n.headline-line{display:block}\n.hero p{color:rgba(255,253,246,.88);font-size:1.08rem;max-width:32em;margin:26px 0 36px;\n text-shadow:0 1px 18px rgba(6,10,18,.45)}\n.hero .ctas{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap}\n.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;\n color:rgba(255,253,246,.7);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;\n display:flex;flex-direction:column;align-items:center;gap:8px}\n.scroll-hint .line{width:1px;height:34px;background:linear-gradient(var(--gold),transparent)}\n\n\/* ---------- STORY (sticky cross-fade over the held image) ----------\n Transparent at the top so the street carries through from the hero, then\n deepening to near-black so the last line sits in pure night. *\/\n.story{position:relative;z-index:2;color:var(--text-white);height:320vh;\n background:linear-gradient(180deg,\n rgba(9,14,24,0) 0%,\n rgba(9,14,24,.55) 12%,\n rgba(10,14,22,.82) 30%,\n rgba(14,13,12,.92) 62%,\n rgba(22,18,12,.97) 100%)}\n.story-sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;\n overflow:hidden;text-align:center;padding:0 24px}\n.story-glow{grid-area:1\/1;width:70vw;max-width:780px;aspect-ratio:1;border-radius:50%;\n background:radial-gradient(circle,rgba(211,159,24,.22) 0%,rgba(211,159,24,0) 62%);\n will-change:transform,opacity}\n.story-line{grid-area:1\/1;width:100%;max-width:18em;justify-self:center;\n font-family:\"Playfair Display\",serif;font-weight:500;font-style:italic;\n font-size:clamp(1.7rem,1.1rem + 2.6vw,3rem);line-height:1.28;color:var(--text-white);\n will-change:opacity,transform}\n\/* Lines are hidden ONLY when the scrub is actually running. With JS off the\n .story-scrub class is never set, so all three simply stay visible. *\/\n@media (min-width:901px){\n .story-scrub .story-line{opacity:0}\n}\n.story-line .accent{color:var(--gold)}\n\n\/* ---------- WHAT AIJIA IS ---------- *\/\n.whatis{background:var(--card-white)}\n.whatis .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}\n.whatis .panel{border-radius:24px;min-height:380px;overflow:hidden;position:relative;\n background:var(--placeholder);border:1px solid var(--border)}\n.whatis .panel img{width:100%;height:100%;min-height:380px;object-fit:cover;\n transition:transform 1.2s var(--ease)}\n.whatis .panel:hover img{transform:scale(1.04)}\n.whatis .panel::after{content:\"\";position:absolute;inset:0;pointer-events:none;\n background:linear-gradient(165deg,rgba(211,159,24,.06),rgba(40,32,17,.14))}\n\n\/* ---------- VALUES ---------- *\/\n.values{background:var(--page-bg)}\n.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}\n.vcard{background:var(--card-white);border:1px solid var(--border);border-radius:20px;\n padding:32px 26px;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s ease}\n.vcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(40,32,17,.4);border-color:#e9ddba}\n.vicon{width:44px;height:44px;margin-bottom:18px;color:var(--gold-text)}\n.vcard h3{margin-bottom:8px}\n.vcard p{font-size:.96rem}\n\n\/* ---------- PRODUCTS ---------- *\/\n.products{background:var(--dark-bg);color:var(--text-white);position:relative}\n.products .head{text-align:center;padding:108px 0 64px;position:relative;z-index:3}\n.products .head .eyebrow{color:var(--gold)}\n.products .head h2{color:var(--text-white)}\n.products .head .lead{color:rgba(255,253,246,.82);margin:6px auto 0}\n.pstage-wrap{display:grid}\n.pstage-wrap>*{grid-column:1;grid-row:1}\n.pstage{position:sticky;top:0;height:100svh;overflow:hidden;z-index:1}\n.pbg{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease);will-change:opacity}\n.pbg.active{opacity:1}\n.pbg img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);\n transition:transform 7s var(--ease)}\n.pbg.active img{transform:scale(1)}\n.pbg-scrim{position:absolute;inset:0;\n background:linear-gradient(100deg,rgba(18,14,9,.93) 0%,rgba(18,14,9,.70) 42%,rgba(18,14,9,.30) 100%)}\n.pflow{position:relative;z-index:2}\n.pstep{min-height:100svh;display:flex;align-items:center}\n.pstep .inner{max-width:30em;opacity:.28;transform:translateY(18px);\n transition:opacity .6s var(--ease),transform .6s var(--ease)}\n.pstep.active .inner{opacity:1;transform:none}\n.pnum{display:block;font-family:\"Playfair Display\",serif;font-style:italic;font-size:1rem;\n color:var(--gold);margin-bottom:14px}\n.badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.07em;\n text-transform:uppercase;background:var(--badge-bg);color:var(--gold-text);\n padding:5px 12px;border-radius:999px;margin-bottom:14px}\n.badge.soon{background:rgba(255,253,246,.18);color:#efe4c8}\n.pstep h3{color:var(--text-white);font-size:clamp(1.7rem,1.2rem + 2.2vw,2.6rem);margin-bottom:12px}\n.pstep p{color:rgba(255,253,246,.86);font-size:1.06rem;margin-bottom:22px;max-width:25em}\n\n\/* ---------- GIFTING \/ TRUST ---------- *\/\n.gift{background:var(--soft-cream);text-align:center}\n.gift h2{max-width:16em;margin-inline:auto}\n.gift .lead{margin:0 auto 26px}\n.trust{background:var(--card-white);text-align:center}\n.trust p{max-width:46em;margin:0 auto 14px;font-size:1.05rem}\n.trust .links{font-weight:600;color:var(--gold-text);font-size:.95rem}\n.trust .links a{border-bottom:1px solid transparent}\n.trust .links a:hover{color:var(--gold-deep);border-bottom-color:var(--gold)}\n\n\/* ---------- CLOSING ---------- *\/\n.closing{background:radial-gradient(110% 120% at 50% 30%,#3a2e16 0%,#282011 55%,#1c1710 100%);\n color:var(--text-white);text-align:center;overflow:hidden}\n.closing .glow-band{position:absolute;left:50%;top:0;transform:translateX(-50%);\n width:620px;height:320px;z-index:0;\n background:radial-gradient(circle,rgba(211,159,24,.34) 0%,rgba(211,159,24,0) 65%)}\n.closing .wrap{position:relative;z-index:1}\n.closing h2{font-style:italic;color:var(--text-white);font-size:clamp(1.6rem,1.2rem + 1.9vw,2.4rem);\n line-height:1.3;max-width:18em;margin:0 auto 34px;text-shadow:0 0 34px rgba(211,159,24,.18)}\n\n\/* ---------- WAITLIST ---------- *\/\n.waitlist{background:var(--page-bg);text-align:center}\n.waitlist h2{font-style:italic}\n.waitlist>.wrap>p{max-width:34em;margin:6px auto 26px}\n.wl-form{display:flex;gap:10px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.wl-form input[type=email]{flex:1;min-width:210px;padding:15px 18px;border-radius:999px;\n border:1.5px solid var(--border-ui);background:var(--card-white);color:var(--text-dark);\n font-family:inherit;font-size:1rem;min-height:52px}\n.wl-form input[type=email]:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-color:var(--gold)}\n.wl-form input[type=email]:user-invalid{border-color:#a8461f}\n.wl-note{margin-top:14px;font-size:.85rem;color:var(--muted-light)}\n.wl-status{margin-top:8px;font-size:.92rem;font-weight:600;color:var(--gold-text);min-height:1.4em}\n\n\/* ---------- FOOTER ---------- *\/\nfooter{background:var(--dark-bg);color:var(--text-white)}\n.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-block:72px 48px}\n.fbrand .mark-row{display:flex;align-items:center;gap:10px;font-family:\"Playfair Display\",serif;\n font-weight:600;font-size:1.35rem;margin-bottom:14px}\n.fbrand .mark{width:28px;height:28px;border-radius:50%;\n background:radial-gradient(circle at 50% 45%,#f4d77a,var(--gold));\n box-shadow:0 0 16px -2px rgba(211,159,24,.7)}\n.fbrand .slogan{font-family:\"Playfair Display\",serif;font-style:italic;color:var(--gold);\n font-size:1.12rem;margin-bottom:14px}\n.fbrand .tline{color:var(--text-muted);font-size:.92rem;max-width:24em;margin-bottom:22px}\n.socials{display:flex;gap:12px;flex-wrap:wrap}\n.socials a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,253,246,.2);\n display:grid;place-items:center;color:var(--text-muted);transition:all .3s ease}\n.socials a:hover{color:var(--gold);border-color:var(--gold);\n box-shadow:0 0 18px -4px rgba(211,159,24,.6);transform:translateY(-3px)}\n.socials svg{width:18px;height:18px}\n.fcol h4{font-family:\"Inter\",sans-serif;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;\n color:var(--gold);margin-bottom:14px;font-weight:700}\n.fcol a{color:rgba(255,253,246,.8);font-size:.95rem;transition:color .25s;\n display:inline-flex;align-items:center;padding:8px 0;min-height:40px}\n.fcol a:hover{color:var(--text-white)}\n.fcol .st{font-size:.72rem;color:var(--text-muted);margin-left:6px}\n.legal{border-top:1px solid rgba(255,253,246,.1);padding:22px 0;font-size:.82rem;\n color:var(--text-muted);text-align:center}\n.legal a{color:var(--text-muted);border-bottom:1px solid transparent}\n.legal a:hover{color:var(--text-white);border-bottom-color:var(--text-muted)}\n.legal .sep{opacity:.5;padding:0 10px}\n\n\/* =========================================================\n MOTION \u2014 base state is always VISIBLE. Hidden states exist\n only when JS is running AND the visitor allows motion.\n ========================================================= *\/\n@keyframes lineUp{from{transform:translateY(115%)}to{transform:translateY(0)}}\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes kenburns{from{transform:scale(1.06)}to{transform:scale(1.17)}}\n@keyframes auroraA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4vw,3vh) scale(1.12)}}\n@keyframes auroraB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vw,4vh) scale(1.09)}}\n@keyframes emberRise{0%{transform:translateY(0);opacity:0}14%{opacity:.6}82%{opacity:.22}\n 100%{transform:translateY(-70vh);opacity:0}}\n@keyframes sheen{0%{transform:translateX(-130%) skewX(-18deg)}18%{transform:translateX(130%) skewX(-18deg)}\n 100%{transform:translateX(130%) skewX(-18deg)}}\n@keyframes hintPulse{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}\n@keyframes glowBreathe{0%,100%{opacity:.55;transform:translateX(-50%) scale(1)}\n 50%{opacity:1;transform:translateX(-50%) scale(1.12)}}\n\n.aurora{position:absolute;inset:-14%;z-index:1;pointer-events:none;overflow:hidden}\n.aurora i{position:absolute;border-radius:50%;filter:blur(72px)}\n.aurora i:nth-child(1){width:42vw;height:42vw;min-width:320px;min-height:320px;left:-8%;top:8%;\n background:radial-gradient(circle,rgba(255,197,92,.13),transparent 66%)}\n.aurora i:nth-child(2){width:38vw;height:38vw;min-width:300px;min-height:300px;right:2%;bottom:-6%;\n background:radial-gradient(circle,rgba(120,170,255,.10),transparent 66%)}\n.embers{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}\n.embers i{position:absolute;bottom:6%;width:6px;height:6px;border-radius:50%;opacity:0;\n background:radial-gradient(circle,#f6cf72 0%,rgba(246,207,114,0) 70%)}\n.embers i:nth-child(1){left:12%;--d:16s;--dl:1s}\n.embers i:nth-child(2){left:31%;--d:20s;--dl:6s;width:5px;height:5px}\n.embers i:nth-child(3){left:58%;--d:18s;--dl:10s}\n.embers i:nth-child(4){left:76%;--d:22s;--dl:3s;width:8px;height:8px}\n.embers i:nth-child(5){left:91%;--d:19s;--dl:8s;width:5px;height:5px}\n\n@media (prefers-reduced-motion: no-preference){\n .js .reveal{opacity:0;transform:translateY(30px);\n transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}\n .js .reveal.in{opacity:1;transform:none}\n .js .stagger>*{opacity:0;transform:translateY(26px);\n transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}\n .js .stagger.in>*{opacity:1;transform:none}\n .js .stagger.in>*:nth-child(2){transition-delay:.10s}\n .js .stagger.in>*:nth-child(3){transition-delay:.20s}\n .js .stagger.in>*:nth-child(4){transition-delay:.30s}\n .js .reveal .eyebrow::before{width:0;opacity:0;\n transition:width .6s var(--ease-out) .3s,opacity .4s ease .3s}\n .js .reveal.in .eyebrow::before{width:22px;opacity:1}\n\n \/* hero entrance *\/\n .js .hero .slogan,.js .hero p,.js .hero .ctas{animation:fadeUp .9s var(--ease-out) both}\n .js .hero .slogan{animation-delay:.15s}\n .js .hero p{animation-delay:.80s}\n .js .hero .ctas{animation-delay:.95s}\n .js .headline-line{animation:lineUp 1.15s var(--ease-out) both}\n .js .headline-wrap:nth-of-type(1) .headline-line{animation-delay:.28s}\n .js .headline-wrap:nth-of-type(2) .headline-line{animation-delay:.46s}\n\n .hero-media img{animation:kenburns 30s ease-in-out infinite alternate}\n .scroll-hint .line{animation:hintPulse 2.4s ease-in-out infinite}\n .aurora i:nth-child(1){animation:auroraA 28s ease-in-out infinite}\n .aurora i:nth-child(2){animation:auroraB 34s ease-in-out infinite}\n .embers i{animation:emberRise var(--d,18s) linear var(--dl,0s) infinite}\n .btn-gold::after{animation:sheen 7s ease-in-out 3.5s infinite}\n .closing .glow-band{animation:glowBreathe 6s ease-in-out infinite}\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:1023px){\n .whatis .grid{grid-template-columns:1fr;gap:34px}\n .whatis .panel{order:-1}\n .cards4{grid-template-columns:1fr 1fr}\n .fcols{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media (max-width:900px){\n .navlinks,.lang-switcher,.nav-right>.btn-gold{display:none}\n .burger{display:flex}\n .mobile-cta{display:inline-flex}\n header{padding:14px 0}\n header.scrolled{padding:10px 0}\n .pad{padding:78px 0}\n .pad-sm{padding:62px 0}\n .products .head{padding:82px 0 36px}\n \/* story: no sticky scrub on small screens \u2014 stacked and far more reliable.\n Shorter section, so the veil has to reach full depth much sooner or the\n first line would sit on a bright part of the photograph. *\/\n .story{height:auto;background:linear-gradient(180deg,\n rgba(9,14,24,0) 0%,\n rgba(9,14,24,.72) 8%,\n rgba(11,14,22,.90) 22%,\n rgba(16,14,12,.95) 60%,\n rgba(22,18,12,.98) 100%)}\n .story-sticky{position:static;height:auto;display:block;padding:92px 0}\n .story-glow{display:none}\n .story-line{opacity:1;max-width:16em;margin:0 auto 56px;font-size:clamp(1.5rem,5.6vw,2.1rem)}\n .story-line:last-child{margin-bottom:0}\n .pstep .inner{max-width:100%;opacity:1;transform:none}\n .pstep p{max-width:100%}\n}\n@media (max-width:600px){\n :root{--header-h:70px}\n .wrap{padding:0 20px}\n body{font-size:16px;line-height:1.62}\n \/* mobile hero: portrait crop with clean sky at the top, so copy sits high *\/\n .hero{align-items:flex-start}\n .hero .wrap{padding-top:calc(var(--header-h) + 46px);padding-bottom:90px}\n .hero-scrim{background:\n linear-gradient(180deg,rgba(9,14,24,.86) 0%,rgba(10,16,26,.62) 30%,\n rgba(12,18,28,.20) 52%,rgba(9,13,21,.30) 76%,rgba(7,11,19,.80) 100%)}\n .hero-grade{background:radial-gradient(48% 26% at 78% 62%,rgba(255,197,92,.26),transparent 70%)}\n .hero h1{font-size:clamp(2.1rem,8.6vw,2.7rem);line-height:1.1}\n .hero p{font-size:1.02rem;line-height:1.6;margin:20px 0 28px}\n .hero .slogan{font-size:.72rem;letter-spacing:.16em;margin-bottom:18px}\n .hero .ctas{flex-direction:column;align-items:stretch;gap:12px}\n .hero .ctas .btn{width:100%}\n .hero .ctas .btn-ghost{border:1.5px solid rgba(255,253,246,.4);padding:15px 26px}\n .scroll-hint{display:none}\n h2{font-size:clamp(1.7rem,6.6vw,2.1rem);line-height:1.18}\n .lead{font-size:1.04rem}\n .cards4{grid-template-columns:1fr}\n .vcard{padding:28px 24px}\n .whatis .panel,.whatis .panel img{min-height:300px}\n .fcols{grid-template-columns:1fr;gap:32px;padding-block:54px 40px}\n .wl-form{flex-direction:column;align-items:stretch}\n .wl-form input[type=email]{min-width:0;text-align:center;font-size:16px}\n .pbg-scrim{background:linear-gradient(180deg,rgba(20,15,8,.74) 0%,rgba(20,15,8,.56) 44%,rgba(20,15,8,.86) 100%)}\n .pstep{min-height:86svh}\n .pstep h3{font-size:clamp(1.6rem,7.2vw,2rem)}\n .pad{padding:64px 0}\n .pad-sm{padding:48px 0}\n input,select,textarea{font-size:16px}\n .legal{font-size:.78rem;line-height:2}\n}\n\n@media (prefers-reduced-motion: reduce){\n *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;\n transition-duration:.01ms!important}\n html{scroll-behavior:auto}\n .hero-media img{transform:none}\n .scroll-hint,.cursor-dot,.cursor-ring,.embers,.aurora{display:none}\n .story{height:auto}\n .story-sticky{position:static;height:auto;display:block;padding:92px 0}\n .story-line{opacity:1;margin:0 auto 56px}\n .story-glow{display:none}\n}\n<\/style>\n<script>\n\/* Runs before first paint: reveal styles only hide content when JS is alive.\n story-scrub is set here (not after DOMContentLoaded) so the three stacked\n story lines never flash on top of each other. *\/\n(function(){\n var c=\" js\";\n try{\n if(innerWidth>900 && !matchMedia(\"(prefers-reduced-motion: reduce)\").matches) c+=\" story-scrub\";\n }catch(e){}\n document.documentElement.className+=c;\n})();\n<\/script>\n<\/head>\n<body>\n\n<a href=\"#main\" class=\"sr-only\">Skip to content<\/a>\n<div class=\"scroll-progress\" aria-hidden=\"true\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\" aria-hidden=\"true\"><\/div>\n<div class=\"cursor-dot\" id=\"cursorDot\" aria-hidden=\"true\"><\/div>\n\n<!-- ============ HEADER ============ -->\n<header id=\"hdr\">\n <div class=\"wrap nav\">\n <a href=\"https:\/\/ai-jia.ai\/\" class=\"logo\" aria-label=\"AIjia home\">\n <img decoding=\"async\" src=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\" alt=\"AIjia\" width=\"120\" height=\"42\" \/>\n <span class=\"wm\"><b>AIjia<\/b><small>\u827e\u52a0\u667a\u80fd<\/small><\/span>\n <\/a>\n <ul class=\"navlinks\">\n <li class=\"has-menu\">\n <button type=\"button\" aria-expanded=\"false\">Products <span class=\"caret\">▾<\/span><\/button>\n <div class=\"submenu\">\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\"><span class=\"dot\"><\/span><span><span class=\"nm\">AIjia Smart Pillow · Shell<\/span><span class=\"st\">Available now<\/span><\/span><\/a>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-plush\/\"><span class=\"dot soon\"><\/span><span><span class=\"nm\">AIjia Smart Plush<\/span><span class=\"st\">Coming soon<\/span><\/span><\/a>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-neckband\/\"><span class=\"dot soon\"><\/span><span><span class=\"nm\">AIjia Smart Neckband<\/span><span class=\"st\">Coming soon<\/span><\/span><\/a>\n <\/div>\n <\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/how-it-works\/\">How It Works<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/gifting\/\">Gifting<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/about-us\/\">About<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/blog\/\">Journal<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <div class=\"lang-switcher\">\n <button class=\"lang-btn\" id=\"langBtn\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">🌐 <span id=\"current-lang\">EN<\/span> ▾<\/button>\n <ul class=\"lang-dropdown\" id=\"langMenu\">\n <li><a href=\"#\" data-lang=\"en\" hreflang=\"en\">🇺🇸 English<\/a><\/li>\n <li><a href=\"#\" data-lang=\"zh\" hreflang=\"zh\">🇨🇳 中文<\/a><\/li>\n <\/ul>\n <\/div>\n <a href=\"#waitlist\" class=\"btn btn-gold magnetic\">Join the waitlist<\/a>\n <button class=\"burger\" id=\"burger\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"mpanel\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n <\/div>\n<\/header>\n\n<!-- mobile panel -->\n<div class=\"mobile-panel\" id=\"mpanel\" aria-label=\"Menu\">\n <button class=\"mp-group mp-item\" id=\"mpProducts\" type=\"button\" aria-expanded=\"false\" aria-controls=\"mpProductsList\">Products <span class=\"mp-caret\">▾<\/span><\/button>\n <div class=\"mp-sub mp-item\" id=\"mpProductsList\">\n <div>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\">AIjia Smart Pillow · Shell <span class=\"mp-st\">Now<\/span><\/a>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-plush\/\">AIjia Smart Plush <span class=\"mp-st soon\">Soon<\/span><\/a>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-neckband\/\">AIjia Smart Neckband <span class=\"mp-st soon\">Soon<\/span><\/a>\n <\/div>\n <\/div>\n <a class=\"mp-link mp-item\" href=\"https:\/\/ai-jia.ai\/how-it-works\/\">How It Works<\/a>\n <a class=\"mp-link mp-item\" href=\"https:\/\/ai-jia.ai\/gifting\/\">Gifting<\/a>\n <a class=\"mp-link mp-item\" href=\"https:\/\/ai-jia.ai\/about-us\/\">About<\/a>\n <a class=\"mp-link mp-item\" href=\"https:\/\/ai-jia.ai\/blog\/\">Journal<\/a>\n <div class=\"mp-langs mp-item\">\n <a href=\"#\" data-lang=\"en\" hreflang=\"en\">English<\/a>\n <a href=\"#\" data-lang=\"zh\" hreflang=\"zh\">中文<\/a>\n <\/div>\n <div class=\"mp-cta mp-item\"><a href=\"#waitlist\" class=\"btn btn-gold\">Join the waitlist<\/a><\/div>\n<\/div>\n\n<a href=\"#waitlist\" class=\"mobile-cta btn btn-gold\" id=\"mobileCta\">Join the waitlist<\/a>\n\n<main id=\"main\">\n<!-- ============ OPENING: hero + story over one held photograph ============ -->\n<div class=\"opening\">\n\n<div class=\"hero-media\">\n <picture>\n <source media=\"(min-width:1024px)\" srcset=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/07\/aijia-hero-wide-1920.jpg\" width=\"1920\" height=\"1072\" \/>\n <source media=\"(min-width:600px)\" type=\"image\/webp\" srcset=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/07\/aijia-hero-mobile-1200.webp\" width=\"1200\" height=\"2150\" \/>\n <img fetchpriority=\"high\" src=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/07\/aijia-hero-mobile-900.webp\"\n width=\"900\" height=\"1612\"\n alt=\"A woman holding a sleeping baby in a warmly lit bay window at dusk, above a quiet cobbled street lined with Chinese and European houses\"\n fetchpriority=\"high\" decoding=\"async\" \/>\n <\/picture>\n <div class=\"hero-grade\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-scrim\" aria-hidden=\"true\"><\/div>\n <div class=\"aurora\" aria-hidden=\"true\"><i><\/i><i><\/i><\/div>\n <div class=\"embers\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n<\/div>\n\n<section class=\"hero\">\n <div class=\"wrap\">\n <div class=\"hero-copy\">\n <span class=\"slogan\">The warm side of AI<\/span>\n <!-- H1 = locked brand hero line. Do not alter. -->\n <h1>\n <span class=\"headline-wrap\"><span class=\"headline-line\">When you hold AIjia,<\/span><\/span>\n <span class=\"headline-wrap\"><span class=\"headline-line\">you are never alone.<\/span><\/span>\n <\/h1>\n <p>AIjia is an emotional AI companion built into the things you already hold close. It listens. It answers with warmth. And then it does the rarest thing a piece of technology can do. It stays.<\/p>\n <div class=\"ctas\">\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\" class=\"btn btn-gold magnetic\">Meet the AIjia Shell Pillow <span class=\"arrow\">→<\/span><\/a>\n <a href=\"https:\/\/ai-jia.ai\/how-it-works\/\" class=\"btn btn-ghost on-dark magnetic\">See how it works <span class=\"arrow\">→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"scroll-hint\" aria-hidden=\"true\"><span>Scroll<\/span><span class=\"line\"><\/span><\/div>\n<\/section>\n\n<!-- ============ STORY ============ -->\n<section class=\"story\" id=\"story\">\n <div class=\"story-sticky\">\n <div class=\"story-glow\" id=\"storyGlow\" aria-hidden=\"true\"><\/div>\n <p class=\"story-line\" data-story=\"0\">Evening comes. The house goes still.<\/p>\n <p class=\"story-line\" data-story=\"1\">Most technology was built to answer a question and move on.<\/p>\n <p class=\"story-line\" data-story=\"2\">AIjia was built <span class=\"accent\">to stay.<\/span><\/p>\n <\/div>\n<\/section>\n\n<\/div><!-- \/.opening -->\n\n<!-- ============ WHAT AIJIA IS ============ -->\n<section class=\"whatis pad\">\n <div class=\"wrap grid\">\n <div>\n <span class=\"eyebrow reveal\">An AI companion<\/span>\n <h2 class=\"reveal\">An AI companion, not an assistant.<\/h2>\n <p class=\"lead reveal\">AIjia is an AI companion, not a smart speaker. It will not run your home or win at trivia, and it was never meant to. It is here to be present. You speak, and it listens the way someone does when they have nowhere else to be. It answers in a voice that feels calm, warm, and real. It turns a familiar object you already hold, like a pillow, into a quiet companion for the moments that matter most.<\/p>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\" class=\"btn btn-gold magnetic reveal\" style=\"margin-top:16px\">Meet the AIjia Shell Pillow <span class=\"arrow\">→<\/span><\/a>\n <\/div>\n <div class=\"panel reveal\">\n <img loading=\"lazy\" src=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/Professional_product_photography_shot_of_202606121157.jpeg\" alt=\"The AIjia Shell Pillow resting in a warm evening room\" width=\"900\" height=\"760\" loading=\"lazy\" decoding=\"async\" \/>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ WHY DIFFERENT ============ -->\n<section class=\"values pad\">\n <div class=\"wrap center\">\n <span class=\"eyebrow reveal\">Why AIjia is different<\/span>\n <h2 class=\"reveal\">Warmth you can feel, in something you hold.<\/h2>\n <\/div>\n <div class=\"wrap\">\n <div class=\"cards4 stagger\">\n <div class=\"vcard\">\n <svg class=\"vicon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8z\"\/><\/svg>\n <h3>Held, not watched.<\/h3>\n <p>A companion you hold, not one more screen asking for your eyes. Voice first, and gentle by design.<\/p>\n <\/div>\n <div class=\"vcard\">\n <svg class=\"vicon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3a4 4 0 0 1 4 4c0 1.6-.9 2.6-2 3.6V13H10v-2.4C8.9 9.6 8 8.6 8 7a4 4 0 0 1 4-4z\"\/><path d=\"M10 17h4M10 20h4\"\/><\/svg>\n <h3>Warm, not clever.<\/h3>\n <p>It begins with how you feel, not with everything it can do.<\/p>\n <\/div>\n <div class=\"vcard\">\n <svg class=\"vicon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l7 3v5c0 4.4-3 8-7 10-4-2-7-5.6-7-10V6l7-3z\"\/><path d=\"M9.5 12l1.8 1.8L15 10\"\/><\/svg>\n <h3>Safe and honest.<\/h3>\n <p>Family safe, honest about what it is, and careful with every word you share. A physical switch can turn the microphone off.<\/p>\n <\/div>\n <div class=\"vcard\">\n <svg class=\"vicon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M4 12h16M12 9v11M12 9C12 6 10.5 4.5 8.7 4.5S6 6 6 7c0 1.4 1.8 2 6 2zM12 9c0-3 1.5-4.5 3.3-4.5S18 6 18 7c0 1.4-1.8 2-6 2z\"\/><\/svg>\n <h3>Made to be given.<\/h3>\n <p>A way to care for someone you love, even on the nights you cannot be there.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ PRODUCTS ============ -->\n<section class=\"products\" id=\"products\">\n <div class=\"wrap head\">\n <span class=\"eyebrow reveal\">Meet the family<\/span>\n <h2 class=\"reveal\">One warm presence. Many everyday objects.<\/h2>\n <p class=\"lead reveal\">AIjia begins with the pillow, and grows into a small family of companions, each one made to be held.<\/p>\n <\/div>\n <div class=\"pstage-wrap\">\n <div class=\"pstage\" aria-hidden=\"true\">\n <div class=\"pbg active\" data-bg=\"0\"><img src=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/Professional_product_photography_shot_of_202606121157-1.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><\/div>\n <div class=\"pbg\" data-bg=\"1\"><img src=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/Same_scene_as_the_reference_202606121422-scaled.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><\/div>\n <div class=\"pbg\" data-bg=\"2\"><img src=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/05\/make_it_professional_photography._with_202605161539-1-scaled.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><\/div>\n <div class=\"pbg-scrim\"><\/div>\n <\/div>\n <div class=\"pflow\">\n <div class=\"pstep active\" data-step=\"0\">\n <div class=\"wrap\"><div class=\"inner\">\n <span class=\"pnum\">01 of 03<\/span>\n <span class=\"badge\">Available now<\/span>\n <h3>AIjia Smart Pillow · Shell<\/h3>\n <p>The AI companion pillow for anyone who feels alone at night. Hold it, speak, and it answers with a warm, patient voice.<\/p>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\" class=\"btn btn-gold magnetic\">Discover the Shell <span class=\"arrow\">→<\/span><\/a>\n <\/div><\/div>\n <\/div>\n <div class=\"pstep\" data-step=\"1\">\n <div class=\"wrap\"><div class=\"inner\">\n <span class=\"pnum\">02 of 03<\/span>\n <span class=\"badge soon\">Coming soon<\/span>\n <h3>AIjia Smart Plush<\/h3>\n <p>A gentle AI companion for children, made soft and patient, with the same warmth and safety as everything we build.<\/p>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-plush\/\" class=\"btn btn-outline magnetic\">Be the first to know <span class=\"arrow\">→<\/span><\/a>\n <\/div><\/div>\n <\/div>\n <div class=\"pstep\" data-step=\"2\">\n <div class=\"wrap\"><div class=\"inner\">\n <span class=\"pnum\">03 of 03<\/span>\n <span class=\"badge soon\">Coming soon<\/span>\n <h3>AIjia Smart Neckband<\/h3>\n <p>A wearable AI companion for the day. The same gentle presence, with you on the walk, the commute, and the quiet stretches between.<\/p>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-neckband\/\" class=\"btn btn-outline magnetic\">Be the first to know <span class=\"arrow\">→<\/span><\/a>\n <\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ GIFTING ============ -->\n<section class=\"gift pad\">\n <div class=\"wrap center\">\n <span class=\"eyebrow reveal\">A gift of presence<\/span>\n <h2 class=\"reveal\">When you cannot be there, it can.<\/h2>\n <p class=\"lead reveal\">AIjia was made to be given. It is a meaningful gift for someone who lives alone, a parent far from family, a partner an ocean away, or anyone you wish you could sit beside tonight.<\/p>\n <a href=\"https:\/\/ai-jia.ai\/gifting\/\" class=\"btn btn-gold magnetic reveal\">Find the right gift <span class=\"arrow\">→<\/span><\/a>\n <\/div>\n<\/section>\n\n<!-- ============ TRUST ============ -->\n<section class=\"trust pad-sm\">\n <div class=\"wrap\">\n <p class=\"reveal\">Powered by advanced AI, tuned by AIjia for warmth and safety. Honest about what it is. Built to support real connection, never to replace it. It is never silenced: a free layer of companionship keeps it talking even without payment.<\/p>\n <p class=\"links reveal\"><a href=\"https:\/\/ai-jia.ai\/how-it-works\/\">How AIjia works →<\/a>  ·  <a href=\"https:\/\/ai-jia.ai\/privacy-safety\/\">Your privacy and safety →<\/a><\/p>\n <\/div>\n<\/section>\n\n<!-- ============ CLOSING ============ -->\n<section class=\"closing pad\">\n <div class=\"glow-band\" id=\"closingGlow\" aria-hidden=\"true\"><\/div>\n <div class=\"wrap\">\n <!-- Locked closing line. Do not alter. -->\n <h2 class=\"reveal\">We don't build AI to answer questions. We build AI to stay with people.<\/h2>\n <a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\" class=\"btn btn-outline magnetic reveal\">Meet the AIjia Shell Pillow <span class=\"arrow\">→<\/span><\/a>\n <\/div>\n<\/section>\n\n<!-- ============ WAITLIST ============ -->\n<section class=\"waitlist pad\" id=\"waitlist\">\n <div class=\"wrap\">\n <h2 class=\"reveal\">Stay close.<\/h2>\n <p class=\"reveal\">Be the first to know when AIjia is ready. A gentle note now and then, and never any noise.<\/p>\n <form class=\"wl-form reveal\" id=\"waitlistForm\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"fb61d704-22c5-482c-be74-40bb22156c31\" \/>\n <input type=\"hidden\" name=\"subject\" value=\"New AIjia waitlist signup\" \/>\n <input type=\"hidden\" name=\"from_name\" value=\"AIjia Website\" \/>\n <input type=\"hidden\" name=\"name\" value=\"AIjia Waitlist Signup\" \/>\n <input type=\"hidden\" name=\"message\" id=\"wlMessage\" value=\"New waitlist signup from the AIjia website.\" \/>\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\" \/>\n <label class=\"sr-only\" for=\"wlEmail\">Your email address<\/label>\n <input id=\"wlEmail\" type=\"email\" name=\"email\" placeholder=\"Your email\" autocomplete=\"email\" required \/>\n <button type=\"submit\" class=\"btn btn-gold magnetic\">Join the waitlist<\/button>\n <\/form>\n <p class=\"wl-note\">A gentle note when AIjia is ready. No spam, and you can leave at any time.<\/p>\n <p class=\"wl-status\" id=\"waitlistStatus\" role=\"status\" aria-live=\"polite\"><\/p>\n <\/div>\n<\/section>\n<\/main>\n\n<!-- ============ FOOTER ============ -->\n<footer>\n <div class=\"wrap fcols\">\n <div class=\"fbrand\">\n <div class=\"mark-row\"><span class=\"mark\"><\/span>AIjia<\/div>\n <div class=\"slogan\">The warm side of AI.<\/div>\n <p class=\"tline\">Honest about what it is. Built to support real connection, never to replace it.<\/p>\n <div class=\"socials\">\n <a href=\"https:\/\/wa.me\/8613725770582\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15l-1.3 4.7 4.8-1.3A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.8.7.8-2.7-.2-.3A8 8 0 1 1 12 20zm4.5-5.9c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.8 1-.3.2-.5.1a6.5 6.5 0 0 1-1.9-1.2 7.2 7.2 0 0 1-1.3-1.7c-.1-.2 0-.4.1-.5l.4-.4.2-.4a.4.4 0 0 0 0-.4l-.8-1.9c-.2-.5-.4-.4-.5-.4h-.5a.9.9 0 0 0-.6.3 2.7 2.7 0 0 0-.9 2 4.7 4.7 0 0 0 1 2.5 10.7 10.7 0 0 0 4.1 3.6c.6.3 1 .4 1.4.5a3.4 3.4 0 0 0 1.5.1c.5-.1 1.4-.6 1.6-1.1a2 2 0 0 0 .1-1.1c0-.1-.2-.2-.4-.3z\"\/><\/svg><\/a>\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61583761648538\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M14 8.5h2.5V5H14c-2.2 0-3.5 1.4-3.5 3.6V10H8v3h2.5v8H14v-8h2.3l.5-3H14V9c0-.4.3-.5.7-.5z\"\/><\/svg><\/a>\n <a href=\"https:\/\/www.instagram.com\/aijiasmart\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><\/a>\n <a href=\"https:\/\/www.youtube.com\/@AIjiaSmart\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22 12c0-2-.2-3-.5-3.6a2.6 2.6 0 0 0-1.8-1.8C18.4 6.2 12 6.2 12 6.2s-6.4 0-7.7.4A2.6 2.6 0 0 0 2.5 8.4C2.2 9 2 10 2 12s.2 3 .5 3.6a2.6 2.6 0 0 0 1.8 1.8c1.3.4 7.7.4 7.7.4s6.4 0 7.7-.4a2.6 2.6 0 0 0 1.8-1.8c.3-.6.5-1.6.5-3.6zM10 15V9l5 3z\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"fcol\">\n <h4>The Family<\/h4>\n <ul>\n <li><a href=\"https:\/\/ai-jia.ai\/ai-companion-pillow\/\">AIjia Smart Pillow · Shell <span class=\"st\">Now<\/span><\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/ai-companion-plush\/\">AIjia Smart Plush <span class=\"st\">Soon<\/span><\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/ai-companion-neckband\/\">AIjia Smart Neckband <span class=\"st\">Soon<\/span><\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"fcol\">\n <h4>Explore<\/h4>\n <ul>\n <li><a href=\"https:\/\/ai-jia.ai\/how-it-works\/\">How It Works<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/gifting\/\">Gifting<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/about-us\/\">About<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/blog\/\">The Journal<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"fcol\">\n <h4>Support<\/h4>\n <ul>\n <li><a href=\"https:\/\/ai-jia.ai\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/contact-us\/\">Contact<\/a><\/li>\n <li><a href=\"https:\/\/ai-jia.ai\/privacy-safety\/\">Privacy & Safety<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"legal\">\n <div class=\"wrap\">\n © 2026 AIjia Intelligent (HK) Limited<span class=\"sep\">·<\/span>ai-jia.ai<span class=\"sep\">·<\/span><a href=\"https:\/\/ai-jia.ai\/privacy-safety\/\">Privacy Policy<\/a><span class=\"sep\">·<\/span><a href=\"https:\/\/ai-jia.ai\/terms-of-service\/\">Terms of Service<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/* =====================================================================\n AIjia homepage motion \u2014 no external libraries.\n GSAP was removed on purpose: it is served from a CDN that is unreliable\n in mainland China, and the page's content was hidden until it loaded.\n Every effect below is native, runs on the compositor where possible,\n and degrades to a fully visible page if anything fails.\n ===================================================================== *\/\n(function(){\n \"use strict\";\n var reduce = matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n var fine = matchMedia(\"(pointer: fine)\").matches;\n var $ = function(s,c){ return (c||document).querySelector(s); };\n var $$ = function(s,c){ return Array.prototype.slice.call((c||document).querySelectorAll(s)); };\n\n function init(){\n\n \/* ---------- header state + scroll progress (one rAF-batched listener) ---------- *\/\n var hdr = $(\"#hdr\"), prog = $(\".scroll-progress\"), ticking = false;\n function onScrollFrame(){\n var y = window.scrollY || window.pageYOffset || 0;\n if (hdr) hdr.classList.toggle(\"scrolled\", y > 60);\n if (prog){\n var max = document.documentElement.scrollHeight - window.innerHeight;\n prog.style.transform = \"scaleX(\" + (max > 0 ? Math.min(y\/max,1) : 0) + \")\";\n }\n storyFrame(y);\n ticking = false;\n }\n function onScroll(){ if(!ticking){ ticking = true; requestAnimationFrame(onScrollFrame); } }\n window.addEventListener(\"scroll\", onScroll, {passive:true});\n window.addEventListener(\"resize\", onScroll, {passive:true});\n\n \/* ---------- reveals ---------- *\/\n var revealEls = $$(\".reveal, .stagger\");\n if (\"IntersectionObserver\" in window){\n var ro = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add(\"in\"); ro.unobserve(e.target); } });\n }, {threshold:.14, rootMargin:\"0px 0px -8% 0px\"});\n revealEls.forEach(function(el){ ro.observe(el); });\n } else {\n revealEls.forEach(function(el){ el.classList.add(\"in\"); });\n }\n\n \/* ---------- MOBILE MENU (rebuilt) ----------\n Fixes: iOS scroll lock that actually holds, an accordion that animates to\n the real content height instead of a fixed 300px cap, focus trapping,\n Esc to close, and the panel kept out of the tab order when hidden. *\/\n var burger = $(\"#burger\"), mpanel = $(\"#mpanel\"), scrollLockY = 0, menuOpen = false;\n\n function lockScroll(on){\n var b = document.body;\n if (on){\n scrollLockY = window.scrollY || window.pageYOffset || 0;\n b.style.position = \"fixed\";\n b.style.top = (-scrollLockY) + \"px\";\n b.style.left = \"0\"; b.style.right = \"0\"; b.style.width = \"100%\";\n } else {\n b.style.position = \"\"; b.style.top = \"\"; b.style.left = \"\";\n b.style.right = \"\"; b.style.width = \"\";\n window.scrollTo(0, scrollLockY);\n }\n }\n function setPanelHidden(hidden){\n if (!mpanel) return;\n if (hidden){ mpanel.setAttribute(\"aria-hidden\",\"true\"); mpanel.setAttribute(\"inert\",\"\"); }\n else { mpanel.removeAttribute(\"aria-hidden\"); mpanel.removeAttribute(\"inert\"); }\n }\n function setMenu(open){\n if (!burger || !mpanel || open === menuOpen) return;\n menuOpen = open;\n mpanel.classList.toggle(\"open\", open);\n burger.setAttribute(\"aria-expanded\", String(open));\n burger.setAttribute(\"aria-label\", open ? \"Close menu\" : \"Open menu\");\n setPanelHidden(!open);\n lockScroll(open);\n updateCta();\n if (open){\n var first = mpanel.querySelector(\"button, a\");\n if (first) setTimeout(function(){ first.focus(); }, 180);\n } else {\n burger.focus();\n }\n }\n setPanelHidden(true);\n if (burger && mpanel){\n burger.addEventListener(\"click\", function(){ setMenu(!menuOpen); });\n \/* Only real navigation closes the menu. The language links and the\n products toggle must NOT close it \u2014 that was the old bug. *\/\n $$(\"a\", mpanel).forEach(function(a){\n a.addEventListener(\"click\", function(){\n if (a.hasAttribute(\"data-lang\")) return;\n setMenu(false);\n });\n });\n document.addEventListener(\"keydown\", function(e){\n if (!menuOpen) return;\n if (e.key === \"Escape\"){ setMenu(false); return; }\n if (e.key === \"Tab\"){\n var f = $$(\"a[href], button:not([disabled])\", mpanel).filter(function(el){\n return el.offsetParent !== null;\n });\n if (!f.length) return;\n var first = f[0], last = f[f.length-1];\n if (e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); }\n else if (!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); }\n }\n });\n }\n \/* products accordion \u2014 grid-rows, so it can never clip its contents *\/\n var mpProducts = $(\"#mpProducts\"), mpList = $(\"#mpProductsList\");\n if (mpProducts && mpList){\n mpProducts.addEventListener(\"click\", function(){\n var open = mpList.classList.toggle(\"open\");\n mpProducts.setAttribute(\"aria-expanded\", String(open));\n });\n }\n \/* desktop submenu: keyboard accessible, not hover-only *\/\n var pBtn = $(\".has-menu > button\");\n if (pBtn){\n pBtn.addEventListener(\"click\", function(){\n var li = pBtn.parentNode, on = li.classList.toggle(\"force-open\");\n pBtn.setAttribute(\"aria-expanded\", String(on));\n var sm = $(\".submenu\", li);\n if (sm){ sm.style.opacity = on ? \"1\" : \"\"; sm.style.visibility = on ? \"visible\" : \"\";\n sm.style.transform = on ? \"translateX(-50%) translateY(0)\" : \"\"; }\n });\n }\n\n \/* ---------- bottom mobile CTA ---------- *\/\n var mobileCta = $(\"#mobileCta\"), heroVis = true, wlVis = false;\n function updateCta(){\n if (mobileCta) mobileCta.classList.toggle(\"show\", !heroVis && !wlVis && !menuOpen);\n }\n if (mobileCta && \"IntersectionObserver\" in window){\n var hEl = $(\".hero\"), wEl = $(\"#waitlist\");\n if (hEl) new IntersectionObserver(function(es){ heroVis = es[0].isIntersecting; updateCta(); },{threshold:.12}).observe(hEl);\n if (wEl) new IntersectionObserver(function(es){ wlVis = es[0].isIntersecting; updateCta(); },{threshold:.05}).observe(wEl);\n }\n\n \/* ---------- STORY: sticky cross-fade, scrubbed by scroll ----------\n Replaces GSAP ScrollTrigger pinning. The section is 320vh tall and the\n inner block is position:sticky, so the browser does the pinning natively\n \u2014 no layout thrash, and no library. *\/\n var storySec = $(\"#story\"), storyLines = $$(\".story-line\"), storyGlow = $(\"#storyGlow\");\n var storyActive = false;\n function storyEnabled(){ return !reduce && window.innerWidth > 900; }\n function storyFrame(){\n if (!storySec || !storyLines.length) return;\n if (!storyEnabled()){\n if (storyActive){\n document.documentElement.classList.remove(\"story-scrub\");\n storyLines.forEach(function(l){ l.style.opacity=\"\"; l.style.transform=\"\"; });\n storyActive = false;\n }\n return;\n }\n if (!storyActive) document.documentElement.classList.add(\"story-scrub\");\n storyActive = true;\n var r = storySec.getBoundingClientRect();\n var total = storySec.offsetHeight - window.innerHeight;\n var p = total > 0 ? Math.min(Math.max(-r.top \/ total, 0), 1) : 0;\n var n = storyLines.length;\n storyLines.forEach(function(l, i){\n \/* Each line owns its own slice of the scroll, so two sentences are\n never legible at the same time (they share one grid cell).\n Fade in over the first quarter, hold for half, fade out over the\n last quarter. The final line never fades out \u2014 it is the payoff. *\/\n var local = p*n - i, o;\n if (local < 0 || local > 1) o = 0;\n else if (local < 0.25) o = local\/0.25;\n else if (local < 0.75) o = 1;\n else o = (i === n-1) ? 1 : (1-local)\/0.25;\n var eased = o*o*(3-2*o); \/* smoothstep, no hard edges *\/\n l.style.opacity = eased;\n l.style.transform = \"translateY(\" + ((1-eased) * 26) + \"px)\";\n });\n if (storyGlow){\n storyGlow.style.opacity = 0.45 + Math.sin(p*Math.PI)*0.55;\n storyGlow.style.transform = \"scale(\" + (1 + p*0.28) + \")\";\n }\n }\n\n \/* ---------- PRODUCTS: background cross-fade ---------- *\/\n var pbgs = $$(\".pbg\"), psteps = $$(\".pstep\");\n if (pbgs.length && psteps.length && \"IntersectionObserver\" in window){\n var po = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if (!e.isIntersecting) return;\n var i = psteps.indexOf(e.target);\n if (i < 0) return;\n pbgs.forEach(function(b,bi){ b.classList.toggle(\"active\", bi===i); });\n psteps.forEach(function(s,si){ s.classList.toggle(\"active\", si===i); });\n });\n }, {threshold:.5});\n psteps.forEach(function(s){ po.observe(s); });\n }\n\n \/* ---------- opening image ----------\n Deliberately no JS here. The photograph is pinned with position:sticky\n for the whole opening, so translate parallax would only expose the top\n edge of its own container. The dusk-into-night darkening is done by the\n gradient on .story \u2014 pure CSS, no per-frame filter repaints on a\n full-screen image, which is the expensive thing to get wrong on a phone.\n The slow drift is the CSS ken-burns keyframe. *\/\n\n \/* ---------- custom gold cursor (idles out to save battery) ---------- *\/\n var ring = $(\"#cursorRing\"), dot = $(\"#cursorDot\");\n if (ring && dot && fine && !reduce){\n document.body.classList.add(\"has-cursor\");\n var rx=0, ry=0, dx=0, dy=0, running=false, idle=null;\n function loop(){\n rx += (dx-rx)*0.18; ry += (dy-ry)*0.18;\n dot.style.transform = \"translate(\" + (dx-3.5) + \"px,\" + (dy-3.5) + \"px)\";\n ring.style.transform = \"translate(\" + (rx-19) + \"px,\" + (ry-19) + \"px)\";\n if (Math.abs(dx-rx) > 0.4 || Math.abs(dy-ry) > 0.4){ requestAnimationFrame(loop); }\n else { running = false; }\n }\n window.addEventListener(\"mousemove\", function(e){\n dx = e.clientX; dy = e.clientY;\n if (!running){ running = true; requestAnimationFrame(loop); }\n clearTimeout(idle);\n idle = setTimeout(function(){ running = false; }, 2000);\n }, {passive:true});\n $$(\"a,button,.magnetic\").forEach(function(el){\n el.addEventListener(\"mouseenter\", function(){ ring.classList.add(\"grow\"); });\n el.addEventListener(\"mouseleave\", function(){ ring.classList.remove(\"grow\"); });\n });\n } else {\n if (ring) ring.style.display = \"none\";\n if (dot) dot.style.display = \"none\";\n }\n\n \/* ---------- magnetic buttons (was 0.35 \u2014 far too strong; now subtle) ---------- *\/\n if (fine && !reduce){\n $$(\".magnetic\").forEach(function(el){\n var raf = null;\n el.addEventListener(\"mousemove\", function(e){\n if (raf) return;\n raf = requestAnimationFrame(function(){\n var r = el.getBoundingClientRect();\n el.style.transform = \"translate(\" +\n ((e.clientX - (r.left + r.width\/2)) * 0.16) + \"px,\" +\n ((e.clientY - (r.top + r.height\/2)) * 0.16) + \"px)\";\n raf = null;\n });\n });\n el.addEventListener(\"mouseleave\", function(){ el.style.transform = \"\"; });\n });\n }\n\n \/* ---------- language switcher ---------- *\/\n var path = location.pathname || \"\/\", onZh = \/^\\\/zh(\\\/|$)\/.test(path);\n window.toggleLangMenu = function(){\n var m = $(\"#langMenu\"), b = $(\".lang-btn\");\n if (!m || !b) return;\n var open = m.classList.toggle(\"open\");\n b.setAttribute(\"aria-expanded\", String(open));\n };\n var lb = $(\"#langBtn\");\n if (lb) lb.addEventListener(\"click\", window.toggleLangMenu);\n document.addEventListener(\"click\", function(e){\n var s = $(\".lang-switcher\"), m = $(\"#langMenu\"), b = $(\".lang-btn\");\n if (s && m && b && !s.contains(e.target)){ m.classList.remove(\"open\"); b.setAttribute(\"aria-expanded\",\"false\"); }\n });\n var label = $(\"#current-lang\");\n if (label) label.textContent = onZh ? \"\u4e2d\u6587\" : \"EN\";\n $$(\"[data-lang]\").forEach(function(a){\n a.classList.toggle(\"active\", a.getAttribute(\"data-lang\") === (onZh ? \"zh\" : \"en\"));\n });\n function urlFor(lang){\n var p = path;\n if (lang === \"zh\") return onZh ? p : \"\/zh\" + (p === \"\/\" ? \"\/\" : p);\n if (!onZh) return p;\n var s = p.replace(\/^\\\/zh(\\\/|$)\/, \"\/\");\n return s === \"\" ? \"\/\" : s;\n }\n $$(\"[data-lang]\").forEach(function(a){\n a.addEventListener(\"click\", function(e){\n e.preventDefault();\n var lang = a.getAttribute(\"data-lang\");\n if ((lang === \"zh\") === onZh) return;\n location.href = urlFor(lang) + location.search + location.hash;\n });\n });\n\n \/* ---------- waitlist ---------- *\/\n var wForm = $(\"#waitlistForm\"), wStatus = $(\"#waitlistStatus\");\n if (wForm && wStatus){\n wForm.addEventListener(\"submit\", function(e){\n e.preventDefault();\n var email = wForm.querySelector('input[type=\"email\"]');\n if (!email || !email.value || !email.checkValidity()){\n wStatus.textContent = \"Please enter a valid email address.\";\n if (email) email.focus();\n return;\n }\n var btn = wForm.querySelector('button[type=\"submit\"]');\n var orig = btn ? btn.textContent : \"\";\n if (btn){ btn.textContent = \"Joining\u2026\"; btn.disabled = true; }\n wStatus.textContent = \"\";\n var m = $(\"#wlMessage\");\n if (m) m.value = \"New waitlist signup from the AIjia website. Subscriber email: \" + email.value;\n fetch(\"https:\/\/api.web3forms.com\/submit\", {\n method:\"POST\", body:new FormData(wForm), headers:{\"Accept\":\"application\/json\"}\n })\n .then(function(r){ return r.json(); })\n .then(function(d){\n if (d && d.success){\n wStatus.textContent = \"You are on the list. We will write to you gently, and only when it matters.\";\n wForm.reset();\n } else {\n wStatus.textContent = \"Something went wrong: \" + ((d && d.message) || \"please try again.\");\n }\n })\n .catch(function(){ wStatus.textContent = \"Something went wrong. Please try again in a moment.\"; })\n .finally(function(){ if (btn){ btn.textContent = orig; btn.disabled = false; } });\n });\n }\n\n onScrollFrame();\n window.addEventListener(\"load\", onScrollFrame);\n }\n\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", init);\n else init();\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4q65pjm elementor-widget elementor-widget-html\" data-id=\"4q65pjm\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== MOBILE FOOTER \u2014 bigger touch targets ===== *\/\n@media (max-width:600px){\n footer .fcols{gap:28px;padding:48px 0 36px}\n footer .fcol li{margin-bottom:14px}\n footer .fcol a{font-size:1.02rem;padding:6px 0;display:inline-block}\n footer .fcol h4{font-size:.82rem;margin-bottom:18px}\n footer .socials a{width:46px;height:46px}\n footer .legal{padding:18px 0;font-size:.82rem;line-height:1.8}\n footer .legal a{padding:8px 2px;display:inline-block}\n}\n<\/style>\t\t\t\t<\/div>\n\t\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>AIjia | The Warm Side of AI, an Emotional AI Companion Skip to content AIjia\u827e\u52a0\u667a\u80fd Products ▾ AIjia Smart Pillow · ShellAvailable now AIjia Smart PlushComing soon AIjia Smart NeckbandComing soon How It Works Gifting About Journal 🌐 EN ▾ 🇺🇸 English 🇨🇳 中文 Join the waitlist Products ▾ AIjia Smart Pillow · Shell Now […]<\/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":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Emotional AI Companion You Can Hold<\/title>\n<meta name=\"description\" content=\"AIjia is the emotional AI companion built into objects you hold close. Warm, voice-first, made to be given. Discover the AIjia Smart Pillow.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ai-jia.ai\/zh\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Emotional AI Companion You Can Hold\" \/>\n<meta property=\"og:description\" content=\"AIjia is the emotional AI companion built into objects you hold close. Warm, voice-first, made to be given. Discover the AIjia Smart Pillow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ai-jia.ai\/zh\/\" \/>\n<meta property=\"og:site_name\" content=\"AIjia Intelligent\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61583761648538\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-27T02:00:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/\",\"url\":\"https:\\\/\\\/ai-jia.ai\\\/\",\"name\":\"The Emotional AI Companion You Can Hold\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ai-jia.ai\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\",\"datePublished\":\"2026-07-07T02:40:18+00:00\",\"dateModified\":\"2026-07-27T02:00:28+00:00\",\"description\":\"AIjia is the emotional AI companion built into objects you hold close. Warm, voice-first, made to be given. Discover the AIjia Smart Pillow.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ai-jia.ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ai-jia.ai\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\",\"contentUrl\":\"https:\\\/\\\/ai-jia.ai\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ai-jia.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#website\",\"url\":\"https:\\\/\\\/ai-jia.ai\\\/\",\"name\":\"AIjia Smart\",\"description\":\"The warm side of AI.\",\"publisher\":{\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ai-jia.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#organization\",\"name\":\"AIjia Intelligent (HK) Limited\",\"alternateName\":\"AIjia\",\"url\":\"https:\\\/\\\/ai-jia.ai\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ai-jia.ai\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\",\"contentUrl\":\"https:\\\/\\\/ai-jia.ai\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png\",\"width\":512,\"height\":512,\"caption\":\"AIjia Intelligent (HK) Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/ai-jia.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61583761648538\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Emotional AI Companion You Can Hold","description":"AIjia is the emotional AI companion built into objects you hold close. Warm, voice-first, made to be given. Discover the AIjia Smart Pillow.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ai-jia.ai\/zh\/","og_locale":"zh_CN","og_type":"article","og_title":"The Emotional AI Companion You Can Hold","og_description":"AIjia is the emotional AI companion built into objects you hold close. Warm, voice-first, made to be given. Discover the AIjia Smart Pillow.","og_url":"https:\/\/ai-jia.ai\/zh\/","og_site_name":"AIjia Intelligent","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61583761648538","article_modified_time":"2026-07-27T02:00:28+00:00","og_image":[{"url":"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"5 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ai-jia.ai\/","url":"https:\/\/ai-jia.ai\/","name":"The Emotional AI Companion You Can Hold","isPartOf":{"@id":"https:\/\/ai-jia.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ai-jia.ai\/#primaryimage"},"image":{"@id":"https:\/\/ai-jia.ai\/#primaryimage"},"thumbnailUrl":"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png","datePublished":"2026-07-07T02:40:18+00:00","dateModified":"2026-07-27T02:00:28+00:00","description":"AIjia is the emotional AI companion built into objects you hold close. Warm, voice-first, made to be given. Discover the AIjia Smart Pillow.","breadcrumb":{"@id":"https:\/\/ai-jia.ai\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ai-jia.ai\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/ai-jia.ai\/#primaryimage","url":"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png","contentUrl":"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ai-jia.ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ai-jia.ai\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/ai-jia.ai\/#website","url":"https:\/\/ai-jia.ai\/","name":"AIjia Smart","description":"AI \u6e29\u67d4\u7684\u90a3\u4e00\u9762\u3002","publisher":{"@id":"https:\/\/ai-jia.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ai-jia.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/ai-jia.ai\/#organization","name":"AIjia Intelligent (HK) Limited","alternateName":"AIjia","url":"https:\/\/ai-jia.ai\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/ai-jia.ai\/#\/schema\/logo\/image\/","url":"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png","contentUrl":"https:\/\/ai-jia.ai\/wp-content\/uploads\/2026\/06\/cropped-Weixin-Image_20260609151903_15_761-e1781075258387.png","width":512,"height":512,"caption":"AIjia Intelligent (HK) Limited"},"image":{"@id":"https:\/\/ai-jia.ai\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61583761648538"]}]}},"_links":{"self":[{"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":33,"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":2482,"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/pages\/54\/revisions\/2482"}],"wp:attachment":[{"href":"https:\/\/ai-jia.ai\/zh\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}