:root{--ink: oklch(3% .008 75);--ink-2: oklch(6% .007 75);--ink-3: oklch(10% .007 75);--ink-4: oklch(16% .007 75);--paper: oklch(98% .005 75);--paper-2: oklch(95% .008 75);--paper-3: oklch(91% .009 75);--paper-4: oklch(80% .01 75);--bone: oklch(94% .006 75);--bone-2: oklch(73% .007 75);--bone-3: oklch(52% .008 75);--char: oklch(8% .006 75);--char-2: oklch(31% .007 75);--char-3: oklch(52% .008 75);--neko: oklch(68% .19 41);--journal: oklch(71% .16 292);--baby: oklch(76% .09 163);--gronu: oklch(78% .12 218);--gnit: oklch(68% .19 355);--positive: oklch(60% .16 145);--negative: oklch(54% .17 24);--warn: oklch(70% .17 82);--info: oklch(50% .13 250);--accent: var(--ink);--accent-press: var(--ink-3);--accent-ink: var(--paper);--font-display: "Geist", "Zen Kaku Gothic New", system-ui, sans-serif;--font-body: "Geist", "Zen Kaku Gothic New", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-caption: 12px;--t-label: 13px;--t-body-sm: 14px;--t-body: 16px;--t-body-lg: 18px;--t-h6: 18px;--t-h5: 22px;--t-h4: 28px;--t-h3: 36px;--t-h2: 48px;--t-h1: 64px;--t-display: 96px;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--w-black: 900;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--r-0: 0;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-4: 16px;--r-5: 20px;--r-pill: 999px;--hairline: 1px;--border: 1.5px;--border-heavy: 2px;--shadow-block-sm: 3px 3px 0 0 var(--ink);--shadow-block: 5px 5px 0 0 var(--ink);--shadow-block-lg: 8px 8px 0 0 var(--ink);--shadow-soft-1: 0 1px 2px rgb(0 0 0 / .04);--shadow-soft-2: 0 4px 12px rgb(0 0 0 / .06);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in-out: cubic-bezier(.6, 0, .4, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--content-w: 1120px;--content-w-narrow: 720px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--t-body);line-height:1.6;background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{max-width:var(--content-w);margin:0 auto;padding:0 var(--space-5)}.eyebrow{font-size:var(--t-label);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--bone-3);margin:0 0 var(--space-4)}.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);z-index:999;padding:var(--space-2) var(--space-4);background:var(--bone);color:var(--ink);font-weight:var(--w-semibold);border-radius:var(--r-2);text-decoration:none;translate:0 -200%}@media(prefers-reduced-motion:no-preference){.skip-link{transition:translate var(--dur-fast) var(--ease-out)}}.skip-link:focus{translate:0 0}.nav{position:sticky;top:0;z-index:100;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--hairline) solid var(--ink-4)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--bone);font-weight:var(--w-semibold);font-size:var(--t-h6);letter-spacing:-.01em;flex-shrink:0}.brand-mark{width:32px;height:32px;object-fit:contain;border-radius:var(--r-2)}.brand-name{display:block}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.lang-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.lang-icon{width:16px;height:16px;stroke:var(--bone-3);stroke-width:1.5;fill:none;flex-shrink:0}.lang-switcher{appearance:none;background:transparent;border:none;color:var(--bone-2);font-family:var(--font-body);font-size:var(--t-body-sm);cursor:pointer;padding:0;max-width:140px}.lang-switcher:focus-visible{outline:2px solid var(--bone-3);outline-offset:2px;border-radius:var(--r-1)}.lang-switcher option{background:var(--ink-3);color:var(--bone)}.hero{padding:var(--space-8) 0 var(--space-7);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ink-3) 1px,transparent 1px),linear-gradient(90deg,var(--ink-3) 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 0%,transparent 40%,var(--ink) 100%);pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero .eyebrow{color:var(--bone-3)}.hero h1{font-family:var(--font-display);font-size:clamp(40px,8vw,var(--t-display));font-weight:var(--w-black);line-height:1;letter-spacing:-.03em;color:var(--bone);margin:0 0 var(--space-5);max-width:14ch}.hero-sub{font-size:clamp(var(--t-body),2vw,var(--t-body-lg));color:var(--bone-2);max-width:52ch;margin:0 0 var(--space-6);line-height:1.6}.hero-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--t-body-sm);font-weight:var(--w-medium);color:var(--bone-2);border:var(--border) solid var(--ink-4);border-radius:var(--r-pill);padding:var(--space-1) var(--space-4);background:var(--ink-2)}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-8)}.section-header h2{font-family:var(--font-display);font-size:clamp(var(--t-h3),4vw,var(--t-h2));font-weight:var(--w-bold);letter-spacing:-.02em;line-height:1.1;color:var(--bone);margin:0 0 var(--space-4)}.section-header p{font-size:var(--t-body-lg);color:var(--bone-2);margin:0;line-height:1.6}.apps{padding:var(--space-7) 0;border-top:var(--hairline) solid var(--ink-4)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.app-summaries{list-style:none;padding:0;margin:var(--space-6) 0 0;display:flex;flex-direction:column;gap:var(--space-6)}.app-summary-title{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--w-semibold);font-size:var(--t-body-sm);color:var(--bone);margin:0 0 var(--space-2)}.app-summary-icon{width:20px;height:20px;border-radius:var(--r-1);object-fit:cover}.app-summary-desc{font-size:var(--t-body-sm);line-height:1.6;color:var(--bone-2);max-width:65ch;margin:0}.app-card{background:var(--ink-2);border:var(--border) solid var(--ink-4);border-radius:var(--r-4);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--dur-base) var(--ease-out);position:relative;overflow:hidden}.app-card[data-app=journal]:before{--card-accent: var(--journal)}.app-card[data-app=baby]:before{--card-accent: var(--baby)}.app-card[data-app=neko]:before{--card-accent: var(--neko)}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, var(--bone-3));border-radius:var(--r-4) var(--r-4) 0 0}.app-card:hover{border-color:var(--ink-3)}.app-card[data-app=journal]:hover{box-shadow:0 8px 32px color-mix(in oklch,var(--journal) 12%,transparent)}.app-card[data-app=baby]:hover{box-shadow:0 8px 32px color-mix(in oklch,var(--baby) 12%,transparent)}.app-card[data-app=neko]:hover{box-shadow:0 8px 32px color-mix(in oklch,var(--neko) 12%,transparent)}@media(prefers-reduced-motion:no-preference){.app-card{transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.app-card:hover{transform:translateY(-2px)}}.app-card-header{display:flex;align-items:center;gap:var(--space-4)}.app-icon{width:64px;height:64px;border-radius:var(--r-3);object-fit:cover;flex-shrink:0}.app-meta{flex:1;min-width:0}.app-tag{font-size:var(--t-caption);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--bone-3);margin:0 0 var(--space-1)}.app-card[data-app=journal] .app-tag{color:var(--journal)}.app-card[data-app=baby] .app-tag{color:var(--baby)}.app-card[data-app=neko] .app-tag{color:var(--neko)}.app-name{font-family:var(--font-display);font-size:var(--t-h5);font-weight:var(--w-bold);letter-spacing:-.01em;color:var(--bone);margin:0}.app-tagline{font-size:var(--t-body-lg);font-weight:var(--w-semibold);color:var(--bone);line-height:1.3;margin:0;letter-spacing:-.01em}.app-desc{font-size:var(--t-body-sm);color:var(--bone-2);line-height:1.6;margin:0;flex:1}.app-footer{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto}.platform-badge{font-size:var(--t-caption);font-weight:var(--w-medium);color:var(--bone-3);display:flex;align-items:center;gap:var(--space-2)}.platform-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bone-3);flex-shrink:0}.app-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;font-size:var(--t-body-sm);font-weight:var(--w-medium);color:var(--ink);background:var(--bone);border:1px solid var(--bone);border-radius:999px;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.app-cta-btn:hover{background:transparent;color:var(--bone);transform:translateY(-1px)}.app-cta-btn svg{flex-shrink:0}.about{padding:var(--space-7) 0;border-top:var(--hairline) solid var(--ink-4)}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.about-copy h2{font-family:var(--font-display);font-size:clamp(var(--t-h3),4vw,var(--t-h2));font-weight:var(--w-bold);letter-spacing:-.02em;line-height:1.1;color:var(--bone);margin:0 0 var(--space-5)}.about-copy p{font-size:var(--t-body-lg);color:var(--bone-2);line-height:1.65;margin:0 0 var(--space-6);max-width:52ch}.about-play{display:inline-flex;align-items:center;text-decoration:none}.about-play img{height:44px;width:auto;display:block}.about-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.about-facts li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--t-body);color:var(--bone-2);padding:var(--space-4) var(--space-5);background:var(--ink-2);border:var(--hairline) solid var(--ink-4);border-radius:var(--r-3)}.about-facts li:before{content:"—";color:var(--bone-3);font-family:var(--font-mono);font-size:var(--t-body-sm);flex-shrink:0}.footer{border-top:var(--hairline) solid var(--ink-4);padding:var(--space-6) 0 var(--space-7)}.footer .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-6)}.footer-social{grid-column:1 / -1;display:flex;gap:var(--space-4);justify-content:center;padding-top:var(--space-5);border-top:var(--hairline) solid var(--ink-4)}.footer-social a,.footer-social a:visited{color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background var(--dur-fast) var(--ease-out)}.footer-social a:hover{color:#fff;background:var(--ink-4)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-2)}.footer-mark{width:28px;height:28px;object-fit:contain;opacity:.7}.footer-tagline{font-size:var(--t-caption);color:var(--bone-3);margin:0}.footer-links{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--bone-3);font-size:var(--t-body-sm);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.footer-links a:hover{color:var(--bone)}.footer-copy{font-size:var(--t-caption);color:var(--bone-3);margin:0;text-align:right}:focus-visible{outline:2px solid var(--bone-3);outline-offset:2px;border-radius:var(--r-1)}@media(max-width:768px){.hero{padding:var(--space-7) 0 var(--space-6)}.hero h1{font-size:clamp(36px,11vw,64px)}.apps-grid{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr;gap:var(--space-6)}.footer .wrap{grid-template-columns:1fr;text-align:center;gap:var(--space-5)}.footer-brand{align-items:center}.footer-copy{text-align:center}}@media(max-width:480px){.brand-name{display:none}.app-icon{width:52px;height:52px}}