@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";.app-header{position:sticky;top:0;z-index:1000;background-color:#eceff5;display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px 16px;transition:padding .4s cubic-bezier(.4,0,.2,1),background-color .4s ease}.app-header.shrink{flex-direction:row;justify-content:center;padding:8px 16px}.app-header .icon,.app-header.shrink .icon{width:60px;height:60px;object-fit:contain;border-radius:12px;flex-shrink:0}.icon-link{margin:0 auto}.header-title{font-weight:700;font-size:1.4rem;margin:0}.app-header.shrink .header-title{display:none}.appstore-link{margin-top:16px}.app-header.shrink .appstore-link{display:none!important}.typo-logo{max-width:300px;width:60%;height:auto}@media (max-width: 768px){.typo-logo{width:auto;max-width:70%;height:auto;object-fit:contain}}.app-header.shrink .typo-logo{display:none}:root{--primary-color: #42b983;--font-sans: "Inter", "Noto Sans JP", sans-serif}body{font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;margin:0;color:#222}.typo{max-width:500px;min-width:300px;width:44%}.icon-container{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:visible}.typo-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:32px}.icon{margin-top:0;margin-bottom:20px;max-width:120px;width:15%;border-radius:12%;position:relative;z-index:10;box-shadow:0 1.9px 2.5px #0000000f,0 5px 6.1px #00000013,0 10.1px 11.4px #00000016,0 19.2px 19.8px #00000017,0 38.4px 34.8px #0000001a}h1{margin:24px 0 16px;font-weight:700;font-size:3.5rem}h3{margin-bottom:-5px}.text{display:inline-block}ul{text-align:left;padding:10px}li{margin:0 10px}a{color:#42b983}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:32px 0}.intro-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000a,0 6px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.intro-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000000f,0 12px 20px #0000001f}.hero-header{position:relative!important;top:auto!important}.intro-img{width:100%;height:auto;border-radius:8px;margin-top:12px;object-fit:cover}@media (min-width: 1120px){.intro-grid{grid-template-columns:repeat(4,1fr)}}