:root{color-scheme:light;--bg: #ffffff;--bg-soft: #f5f5f7;--card: #ffffff;--text: #1c1c1c;--text-soft: #6e6e73;--line: #d2d2d7;--line-soft: #e8e8ed;--accent: #2147c9;--c-blue: #2147c9;--c-yellow: #f2b705;--c-red: #e0281f;--max: 1024px;--gutter: clamp(20px, 5vw, 48px);--radius: 28px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .06);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .05), 0 18px 44px rgba(0, 0, 0, .1);--shadow-icon: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 22px rgba(0, 0, 0, .1);--header-bg: rgba(255, 255, 255, .8);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.5;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:lang(ja){letter-spacing:0}h1,h2,h3{margin:0;font-weight:700;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}:lang(ja) :is(h1,h2,h3){letter-spacing:0;word-break:auto-phrase}a{color:var(--accent)}.logo,.logo img{display:block}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.site-header{position:sticky;top:0;z-index:10;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-soft)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.site-header{background:var(--bg)}}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark img{height:30px;width:auto}.brand-word img{height:14px;width:auto}.lang-switch{display:flex;gap:2px;background:var(--bg-soft);border-radius:999px;padding:3px}.lang-switch a{padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:500;color:var(--text-soft);text-decoration:none;transition:color .15s,background .15s}.lang-switch a:hover{color:var(--text)}.lang-switch a[aria-current=true]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000001f}.lang-switch .lang-short{display:none}@media(max-width:640px){.brand{gap:9px}.brand-mark img{height:26px}.brand-word img{height:12px}.lang-switch a{padding:4px 9px}.lang-switch .lang-full{display:none}.lang-switch .lang-short{display:inline}}@media(max-width:360px){.brand-word{display:none}}.hero{text-align:center;padding:clamp(56px,9vw,120px) 0 clamp(72px,11vw,140px)}.hero-logo{margin:0 auto clamp(36px,5vw,56px);width:clamp(220px,30vw,320px)}.hero-logo img{width:100%;height:auto}.hero .tagline{font-size:clamp(1.7rem,4.4vw,3rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;max-width:20ch;margin:0 auto 18px;text-wrap:balance}:lang(ja) .hero .tagline{letter-spacing:0;word-break:auto-phrase;max-width:none}.hero .about{font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.55;color:var(--text-soft);max-width:40em;margin:0 auto;text-wrap:pretty}.hero.is-plain h1{font-size:clamp(3.4rem,9vw,6rem);letter-spacing:-.04em;margin-bottom:12px}@media(prefers-reduced-motion:no-preference){.hero-logo,.hero .tagline,.hero .about{animation:rise .9s var(--ease) both}.hero .tagline{animation-delay:.12s}.hero .about{animation-delay:.22s}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}section{padding:clamp(64px,10vw,120px) 0}.apps-section{background:var(--bg-soft)}.section-head{text-align:center;margin-bottom:clamp(32px,5vw,56px)}.eyebrow{font-size:.82rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);margin:0 0 14px}:lang(ja) .eyebrow{letter-spacing:.12em}.section-head h2{font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-.03em}:lang(ja) .section-head h2{letter-spacing:-.01em}.apps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.app-card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(28px,4vw,44px);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}a.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.app-card img{width:112px;height:112px;border-radius:25px;box-shadow:var(--shadow-icon);margin-bottom:26px}.app-card .name{font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:700;letter-spacing:-.025em}.app-card .desc{color:var(--text-soft);font-size:1.05rem;line-height:1.5;margin-top:8px}.app-card .more{color:var(--accent);font-weight:500;margin-top:auto;padding-top:22px}a.app-card:hover .more{text-decoration:underline}.app-card.soon{align-items:center;justify-content:center;text-align:center;gap:16px;min-height:240px;background:transparent;border:1.5px dashed var(--line);box-shadow:none;color:var(--text-soft);font-weight:500}@media(max-width:640px){.app-card.soon{min-height:150px}}.soon-dots{display:flex;gap:8px}.soon-dots i{width:9px;height:9px;border-radius:50%;background:var(--c-blue)}.soon-dots i:nth-child(2){background:var(--c-yellow)}.soon-dots i:nth-child(3){background:var(--c-red)}.site-footer{background:var(--bg-soft);border-top:1px solid var(--line-soft);padding:26px 0 34px;color:var(--text-soft);font-size:.78rem}.site-footer .container{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}.site-footer a{color:var(--text-soft);text-decoration:none}.site-footer a:hover{color:var(--text);text-decoration:underline}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
